jQueryベースの軽量UIライブラリ・w2ui jQueryベースの軽量なUIライブラリ・w2uiのご紹介。軽量な理由が、IE8以下に非対応にしている、との事なので、利用シーンはやや限られるかもしれませんが、これはこれで。2013.02.16 | 11時01分16秒jQueryWebデザイン
タッチデバイスにも対応したシンプルなLightboxを実装するjQueryプラグイン・Swipebox タッチデバイスに対応したLightboxを実装するスクリプトのご紹介です。jQueryに依存します。多機能なものではありませんが、使いやすくて良さそうです。ただ、実機での動作テストをしていませんのでその程度の記事。2013.02.08 | 13時31分21秒jQueryWebデザイン
Pinterestライクなレンガ風のレイアウトを構築する為のライブラリ・Nested よく見かける、Pinterestのようなレンガを積み重ねた感じのレイアウトを実装するためのスクリプトのご紹介です。既に先発スクリプトは沢山あるので選択肢の一つとして、という感じですね。2013.02.02 | 12時30分29秒jQueryWebデザイン
ツールチップタイプのメニューバーを実装するjQueryプラグイン・Toolbar.Js ツールチップでメニューバーを実装する為のスクリプト・Toolbar.Jsのご紹介です。Webアプリ等でたまに見かけるやつ。省スペース化できていいですね。スマフォとの相性もいいかもしれません。2013.02.01 | 12時19分51秒jQueryWebデザイン
Lettering.jsを併用して、任意のテキストにCSS3のアニメーションエフェクトを実装するスクリプト・textillate.js ちょっと面白かったのでメモ的に。タイポグラフィ用のライブラリ、Lettering.jsを併用して、テキストにCSS3によるアニメーション効果を容易に与える事が出来る、というスクリプトのご紹介。2013.01.31 | 11時20分03秒jQueryWebデザイン
Facebookページの投稿を表示するボックスを実装するjQueryプラグイン・Facio Facebookページの投稿を任意のWebサイトに表示するjQueryのプラグイン・Facioのご紹介です。公式のが嫌、という方はこちらをご利用になってみては如何でしょうか。2013.01.27 | 10時26分57秒jQueryWebデザイン
ページ内スクロールのナビゲーションを実装出来るjQueryプラグイン・scrollNav.js ページ内スクロールのナビゲーションをサイドカラムに自動で実装する、というスクリプトのご紹介。見出しまでスクロールすると、ナビゲーションの方も連動してくれます。ユーザビリティとしてはなかなか。2013.01.25 | 13時15分26秒jQueryWebデザイン
タッチデバイスで要素を回転させたりリサイズ、ドラッグによる移動を可能にするスクリプト・Touch-box タッチデバイスで要素の回転やリサイズ、ドラッグ移動等を可能にするためのスクリプト、Touch-boxのご紹介です。シンプルでいい感じでした、iOSでしかテストしていませんが・・2013.01.23 | 13時10分52秒iPhone / iPadjQueryWebデザイン
マウスホバーで画像を拡大させるjQueryプラグイン・Image Zoom Plugin よくあるマウスホバーによるイメージズーマースクリプトです。様々なタイプのズーマーを実装出来るのでなかなか便利そうだなーと思って備忘録。とはいえ同じ物も沢山あるのでお好みで良さそうです。2013.01.21 | 12時25分58秒jQueryWebデザイン
ベーシックなUIを実装できるjQueryベースのフレームワーク・ZinoUI ベーシックなUIを実装できるjQueryベースのUIフレームワーク・ZinoUIのご紹介です。他にも便利なUIフレームワークはあるので、このフレームワークを選択する理由は無いかもですけど・・2013.01.20 | 11時50分23秒jQueryWebデザイン
Bootstrapでツアーコンテンツを実装する為のスクリプト・Bootstrap Tour Extended BootstrapでWebサイトツアーコンテンツを実装する為のスクリプト、Bootstrap Tour Extendedのご紹介。閲覧中のページだけでなく、別ページへの移動も可能です。なかなか使い勝手はいい気がしましたので備忘録として。2013.01.16 | 10時38分04秒jQueryWebデザイン
select要素のoption項目の内容を画像で表現する為のスクリプト・Image Picker select要素のoptionを分かりやすく 表現する、というライブラリです。 選んだ項目にあわせて設定した画像 が表示、選んだoptionに連動しま す。これは結構いいアイデアじゃ 無いかなと。2013.01.14 | 13時21分41秒jQueryWebデザイン
タブやアコーディオン、パララックスなどを実装出来るjQueryベースのUIツールキット・jKit jQueryベースのUIツールキット・jKit のご紹介です。タブやアコーディオン などの良く使われるものから、簡易的 なパララックスやバリデーション、ズ ーマーなどなど多機能なUIキットとな っています。2013.01.05 | 12時27分19秒jQueryWebデザイン
Boostrap向けの日付/時間ピッカーを実装するスクリプト・bootstrap-datetimepicker Twitter Boostrap用の日付/時間 ピッカーを実装する為のライブラ リ・bootstrap-datetimepickerの ご紹介。日付と時間を同じinput 要素内で取得できます。また、 フォーマットも指定可能です。...2012.12.27 | 11時28分51秒jQueryWebデザイン
テキストボックスに指定したURLのタイトルやdescription、使用されている画像等を取得するjQueryプラグイン・Link Scrapper TextBox 指定したリンク先のURLやタイトル 、description、ページ内で使用し ている画像を取得するjQueryのプラ グイン・Link Scrapper TextBoxの ご紹介です。Facabook等でも使わ れていますね。 ...2012.12.26 | 11時31分36秒jQueryWebデザイン
1枚の画像のみでマウスホバーによるアニメーションを実現させるjQueryプラグイン・spriteOnHover CSSスプライトのように、1枚の画像 でマウスホバーによる簡易的なアニ メーションを実現させるjQueryのプ ラグイン・spriteOnHoverのご紹介 です。GIFアニメ以外の選択肢として 個人的に少し期待しています。2012.12.18 | 10時35分55秒jQueryWebデザイン
input要素に長いテキストが入力された際、カーソルの位置を可視化するjQueryプラグイン なかなか良さそうだったので備忘録。 input要素に入力したテキストが長く なると、位置の把握やテキストの量 が把握できません。これが地味にス トレスな事もあります。これを解決 する、というスクリプトです。2012.12.16 | 10時30分36秒jQueryWebデザイン
横長になったtable要素を2列にしてスマフォ等の小さい画面でも閲覧出来るようにするjQueryプラグイン・stacktable.js 横長になったtable要素を2列にして スマフォ等でも閲覧しやすくできる、 というスクリプトです。単純な作り のtableならこれで対応できますね。 複雑なものはちょっと難しそうでは ありますが・・2012.12.14 | 11時09分44秒jQueryWebデザイン
マウスホイールで画像をズームさせるjQueryプラグイン・jQuery Wheelzoom マウスホイールで画像を拡大、ドラ ッグ操作によるスクロールが可能な jQueryのプラグイン、jQuery Wheelzoomのご紹介です。シンプルで いいですね。IEは9からの対応だそう なので利用シーンは若干限られそ うで...2012.12.12 | 10時33分04秒jQueryWebデザイン
簡易的なクイズを作れるjQueryプラグイン・SlickQuiz 簡単なクイズコンテンツを作れる、というjQueryプラグインのご紹介です。クイズの回答次第で分岐する、みたいな細かい設定はできませんが、これはこれでシンプルでいいかも。2012.12.11 | 12時11分23秒jQueryWebデザイン
数値だけでなく、日付や時刻にも対応したスライダー・jQRangeSlider D&Dで操作するスライダーを実装するjQuery依存のスクリプトです。数値のものが多いですが、こちらは日付や時刻などにも対応しています。使うシーンは多くは無いかもですけど、便利そうです。2012.12.10 | 12時40分37秒jQueryWebデザイン
iOSのホーム画面に作るフォルダっぽいやつを実装するjQueryライブラリ・App Folders iPhoneやiPadのホーム画面に作れるフォルダっぽい動作のコンテンツを実装出来る、というスクリプト。動作はかなり再現出来てる気がします。2012.12.09 | 15時17分42秒jQueryWebデザイン