スライド時にキャプション等のテキストを遅延表示させる事が出来るイメージスライダー・ayaSlider キャプション等のテキストがスライド時に遅延して表示させる、という演出が可能なイメージスライダーのご紹介。上手く説明できないのでデモをご覧頂ければと思います。2012.12.04 | 11時53分11秒jQueryWebデザイン
HTML5によるWebカメラの導入をサポートするjQueryプラグイン・Photobooth.js HTML5でWebカメラに対応可能なWebサイトを実装するのを手助けしてくれる、というスクリプトのご紹介です。トリミングや色彩変更などの編集も可能のようです。2012.12.03 | 10時16分07秒jQueryWebデザイン
HTML5のvideoタグを使って背景に動画を設定するjQueryプラグイン・videoBG HTML5から使えるvideoタグで背景への動画設定を簡単に行えるというスクリプトです。対応していないブラウザには静画が表示されるようになっているみたい。2012.12.02 | 10時46分27秒jQueryWebデザイン
マウスホバーでツールチップにWikipediaの内容を表示させるjQueryプラグイン・wikiUp ちょっと需要あるかも?と思ったのでご紹介。Wikipediaの情報をツールチップとして表示させる、というjQueryプラグインです。日本語にも勿論対応しています。ヘルプにも使えるかもしれない。2012.12.01 | 12時13分25秒jQueryWebデザイン
jQuery UIで使えるアイコンの名前を調べるためのチートシート・jQuery UI icon name map jQuery UIで用意されてるアイコン のチートシートです。使用頻度が 高いならチートシートを持ってお くと便利かもしれません。調べる の面倒ですしね。自分のようにたま にしか使わないなら不要ですが。2012.11.26 | 10時26分56秒jQueryWebデザイン
tableをレスポンシブWebデザインに対応させるスクリプト・FooTable table要素をレスポンシブに対応させる、というスクリプトです。他にも同じようなスクリプトは存在しますが実用的ではなかったので紹介してなかったですけどこれはアリな気がします。2012.11.25 | 11時08分13秒iPhone / iPadjQueryWebデザイン
JavaScript製のショッピングカートシステム・simpleCart(js) JSだけで作れるショッピングカート システム・simpleCart(js)のご紹介。 作れる、と書いてますけどまだ触って 無いです。便利そうだったので備忘録 的に記事にして見ます。簡単なもの ならこういうライトなもので済ませ た...2012.11.24 | 10時48分33秒cssやプログラミングjQueryWebデザイン
Bootstrap向けの汎用的なモーダルボックス実装スクリプト・Bootstrap Modal よさ気だったのでメモ。Twitter Bootstrap向けのモーダルスクリ プト、Bootstrap Modalです。既存 のモーダルクラスの代替、または パッチとして利用出来る、との事 です。2012.11.23 | 10時48分10秒jQueryWebデザイン
ドラッグ&ドロップによる再配置も可能な、タイル状に要素を配置するjQueryプラグイン・jQuery.Shapeshift 要素をタイル状に配置してくれる、というjQueryプラグイン。特に目新しいものでは無いですけど。Pinterestライクなレイアウトを実装出来る、と言ったほうが伝わりやすいかも知れませんね。2012.11.19 | 10時34分57秒iPhone / iPadjQueryWebデザイン
長いテキストを「…」で省略するjQueryプラグイン・Smarttruncation 長いテキストを省略して表示 する、というjQueryプラグイン 、Smarttruncationのご紹介。 CSSのみでも一応は可能ですけど、 こちらはある程度応用が利くの で覚えておこうかと思います。2012.11.17 | 10時47分16秒jQueryWebデザイン
フルスクリーンにイメージギャラリーを実装するjQueryプラグイン・jmFullWall フルスクリーンのイメージギャ ラリーを実装するスクリプトが あったのでなんとなくメモ。ビ ジュアル的にも良いので用途は 割とありそうな気がします。2012.11.13 | 10時35分56秒jQueryWebデザイン
コンテナに画像がぴったり収まるように画像のサイズを変更するjQueryプラグイン・imgLiquid 画像を包括したコンテナに その画像がぴったり収まる ようにサイズを調整する、 というjQueryプラグイン。 必要になるか分かりません が、需要はありそう。2012.11.08 | 10時30分20秒jQueryWebデザイン
任意のWebサイトを様々な画面サイズで表示確認出来るレスポンシブWebデザインの開発補助用jQueryプラグイン・jResize 手軽で良かったのでご紹介。レスポ ンシブWebデザイン対応のサイト構築 のレイアウト確認用のjQueryプラグ インです。開発補助用になりますね。 同じツールも沢山ありますけど。。2012.11.07 | 10時40分06秒jQueryWebデザイン
Facebookライクなモーダルボックスを実装するスクリプト・Mikes Modal Library Facebookライクなモーダルボックス を実装するスクリプト、Mikes Modal Libraryのご紹介。Facebookはもうや ってないですけど、汎用的でいいの では無いかなと。jQueryを使用しま す。2012.11.06 | 10時35分31秒jQueryWebデザイン
Webサイトツアーを可愛い吹き出しで実装するjQueryプラグイン・Crumble 注目させたい箇所に順々に吹き出し を表示させるWebサイトのツアー コンテンツを実装するjQueryのプ ラグイン・Crumbleのご紹介です。 可愛いデザインでこのままでも使え そうです。2012.11.01 | 10時46分17秒jQueryWebデザイン
Youtubeのプレイリストをスライドギャラリーとして実装するjQueryプラグイン・jQuery Youtube Playlist Gallery Toutubeで作ったプレイリストを スライドギャラリーにする、とい うjQueryのプラグイン。まだ使う 予定は無いけど便利そうだったの で。プレイリストを読み込むので、 動画を追加したい場合はリストに 動画を追加します。2012.10.30 | 10時11分18秒jQueryWebデザイン
コンテンツのスライドイン・アウトと簡易的なスライダーを兼ね備えたjQueryプラグイン・TOGGLE SLIDER コンテンツのスライドイン・ アウトと簡易的なスライダー を実装する、というスクリ プト。うまく説明できません が、目を惹くことは出来そう です。2012.10.26 | 10時55分23秒jQueryWebデザイン
table要素内をキーワードでフィルタリングする軽量なjQueryプラグイン・jquery.table_filter.js table要素内をキーワードで フィルタリングできる、と いうプラグイン。シンプル な用途ですが、割と需要が あるのと、軽量なので一応 メモ。2012.10.25 | 10時28分03秒jQueryWebデザイン
素敵なエフェクトが複数用意されたイメージスライダー・jq-tiles 画像の切り替え時のエフェクトが とっても素敵なjQueryのイメージ スライダー・jq-tilesのご紹介で す。クロスブラウザという訳では 無いのでこのままだと用途は限ら れますけど・・2012.10.23 | 11時40分48秒jQueryWebデザイン
タッチデバイスで要素をスムーズに回転させるjQueryプラグイン・Touchy タッチイベントによるホイール スクロール等を可能にするjQuery のプラグイン。ラッチ(カチカチ感) の無い、慣性ホイールスクロール も実装可能です。ドラッグや フリックなども対応してるみたい。2012.10.22 | 11時17分20秒iPhone / iPadjQueryWebデザイン
jQuery UIを使ったタブの数が多くてもレイアウトを崩さないようにするスクリプト・plusTabs jQuery UIを使ったタブコンテンツ でタブ数が多数有ってもレイアウト を崩さないようにドロップダウン化 するスクリプトです。確かにちょっ と問題だったのでありがたいです。 ドロップダウン+タブメニューという 感じ。2012.10.19 | 10時40分10秒jQueryWebデザイン
綺麗目で見やすいjQuery UIのデザインテーマ・DELTA jQuery UIのデザインテーマ・DELTAの ご紹介。使い勝手の良いjQuery UIです が、デザインの変更は結構工数を食い ます。DELTAはそんなjQuery UIのデザ インを綺麗目で見やすくしたテーマ。 Twitte...2012.10.16 | 10時35分58秒cssやプログラミングjQueryWebデザイン