エフェクトが無駄に凄いイメージスライダーを実装出来るjQueryプラグイン・Chop Slider 実用性は別にして、こういうの嫌いじゃない ので記事にします。よくあるイメージギャラリー なんですが、画像が変わる際のエフェクトが 無駄に凝っています(褒め言葉です)。こんな 事もflashを使わないで出来るんだなー、と 素直に関心...2011.08.11 | 11時25分55秒cssやプログラミングjQueryWebデザイン
わずか4KBと軽量でクロスブラウザ対応の、シンプルなデートピッカー(カレンダー)を実装するjQueryプラグイン・glDatePicker 軽量でカスタマイズしやすいデートピッカー のjQueryプラグイン・glDatePickerのご紹介。 とてもシンプルで、4KBと超軽量です。汎用 的で使いやすいかなと思ってエントリー。 jQueryUIでもいいっちゃいいんですけど...2011.08.08 | 10時31分14秒cssやプログラミングjQueryWebデザイン
Lightbox内にサムネイルも表示出来るイメージギャラリー系jQueryプラグイン・ppGallery ポップアップしたLightbox内にサムネイルも表示可能 なjQueryプラグイン・ppGalleryのご紹介です。Lightbox 系のjQueryプラグインの大半は1つずつ見ていくか、 一旦ポップアップを閉じてからもう一度開く必要...2011.08.06 | 11時12分44秒cssやプログラミングjQueryWebデザイン
jQuery Mobileを使う際に知っておくと役立ちそうなTipsや情報のまとめ jQuery Mobileに関して少し整理したいので まとめました。JQMを使うときに知っておくと 便利そうなTipsとか情報とか。いくつか自分 の記事も含まれているのが若干アレなんです が、ご了承ください。内容はコードのみ、では ...2011.07.28 | 10時19分01秒cssやプログラミングiPhone / iPadjQueryWebデザイン
横に飛び出すメガメニューを実装するjQueryプラグイン・JQUERY VERTICAL MEGA MENU 最近かなり見かけるようになった印象の、 大量のコンテンツを格納するメガメニュー の横に飛び出すタイプ。jQueryで実装して います。メガメニューはECサイトやポータル サイトなどなど、階層の深いWebサイトにて ユーザビリティ向...2011.07.26 | 10時19分20秒cssやプログラミングjQueryWebデザイン
Googleアナリティクスの統計をjQuery Mobileでも閲覧できるようにするサンプル 需要があるかどうか分かりませんが、 1%の方にでも参考になればと思い 記事にしてみます。アナリティクスの 統計をスマフォで確認出来るように する為のサンプル。jQueryMobileを 使います。2011.07.21 | 10時28分42秒cssやプログラミングiPhone / iPadjQuery
フォームのselect要素内をインスタンス検索出来るようにし、美しいデザインにも変更できるjQueryプラグイン・Chosen 結構便利そうだったのでご紹介。フォームの select要素内に羅列されたoptionから、入力 するだけで結果を表示するインスタンス検索 を可能にするスクリプト・Chosenです。表題 にはjQueryプラグインと書きましたが、この...2011.07.19 | 11時08分26秒cssやプログラミングjQueryWebデザイン
タブやアコーディオンなど、様々なUI構築用のjQueryプラグイン30個以上をセットにしたフレームワーク・ jQuery EasyUI 普段からよく見かけるjQueryによる タブやアコーディオンなどのUIの構築 を簡略化するためのフレームワーク・ jQuery EasyUIのご紹介です。プラグ インは30個以上あり、どれもシンプル なものになっています。2011.07.14 | 10時19分56秒cssやプログラミングjQueryWebデザイン
ベーシックで汎用性のありそうなjQueryイメージスライダー・The Lof JSiderNews クロスブラウザに対応したベーシック で汎用性のありそうなスライダーを 実装出来るjQueryプラグインのご紹介。 The Lof JSiderNewsは派手な装飾も 無く、シンプルで欲しい機能は揃え てくれている印象です。2011.07.12 | 11時15分18秒cssやプログラミングjQueryWebデザイン
jQueryでWebサイト内を無限にスクロール出来るようにする ちょっと語弊があるかもですけど、無限に スクロール出来るように見せる、みたいな 方法です。これが何の役に立つんですか とか言われると困っちゃうんですけど・・・ こういうのがあってもいいかなと思ったの でちょっと作ってみました。実装...2011.07.09 | 10時26分15秒cssやプログラミングjQueryWebデザイン
スクロールに応じて要素がアニメーションする、視差効果(パララックス)を取り入れたWebデザイン例とTipsいろいろ 最近ちょくちょく見かけるようになったので調べた事をメモ。スクロールすると、複数要素が、それぞれアニメーションするようなWebデザイン。視差効果を生み出すようなパララックス効果を取り入れたものや、ユニークにアニメーションするものなどなど。2011.07.06 | 11時13分36秒cssやプログラミングjQueryWebデザインインスピレーション
スマフォにも対応・ディスプレイサイズに自動で幅調整するレスポンシブなjQueryイメージスライダー・Blueberry どのようなディスプレイサイズでも自動で レイアウトを調整してくれるレスポンシブな イメージスライダーを実装出来るjQueryプ ラグイン・Blueberryのご紹介です。イメージ スライダーを取り入れているサイトは多い のでこうい...2011.07.05 | 10時31分19秒cssやプログラミングiPhone / iPadjQueryWebデザイン
制作中のWebサイトにシンプルなグリッドを表示させる制作補助系jQueryプラグイン・Simple Grid 昨日TwitterでもPostしたんですけどやっぱり たまに使いそうなのでメモ。数値を設定する だけで簡単にシンプルなグリッドを重ねる事 が出来るWeb屋さん向けのjQueryプラグイン・ Simple Gridです。いちいち拡張や...2011.07.03 | 11時00分08秒cssやプログラミングjQueryWebデザイン
並べられたアコーディオンパネルを開くと幅が可変して可読性を高める・Jquery Animated Grid 横に並べられたアコーディオンパネル を開くと、幅がアニメーションで広がり つつ、隣のアコーディオンが狭くなる ので、全体のレイアウトを維持できる というプラグイン。幅を気にしなくて いいのは場合によっては助かるかも。2011.06.29 | 15時42分15秒cssやプログラミングjQueryWebデザイン
iOS4.2+ / モバイルSafariの「振る動作(シェイクジェスチャー)」をjQueryを使って検知する iPhoneを振る動作(シェイクジェスチャー) によって呼び出されるモーションイベント をjQueryで検知するgShakeのご紹介。 iOS4.2以上 / Safariでは加速度センサー をJavaScript経由で使うことが出来...2011.06.29 | 10時48分39秒cssやプログラミングiPhone / iPadjQueryWebデザイン
Youtube動画を透過(opacity)できるjQueryプラグイン・YTPLAYER あまり見かけないタイプのライブラリだった のでメモ。Youtubeの動画を透過させる事 が出来るjQueryプラグインです。インター フェースもクールにされて全画面に配置した りオート再生させたりも可能でIE6や7でも 一応は動作...2011.06.27 | 10時44分00秒cssやプログラミングjQueryWebデザイン
全画面をダイナミックなイメージギャラリーとして使う事が出来るjQueryプラグイン・JQUERY.MB.BGNDGALLERY 全画面をダイナミックにイメージギャラリー として使えるようにするjQueryプラグイン JQUERY.MB.BGNDGALLERY。同じ ようなライブラリは沢山あるので選択肢 の一つとして覚えておこうかなと思いま す。Flikcr...2011.06.25 | 10時39分47秒cssやプログラミングjQueryWebデザイン
グリッドに配置された画像にマウスオーバーした際に十字ハイライトさせるjQueryプラグイン 個人的に好きなタイプのjQueryの使い方 だったのでメモ。イメージギャラリーは、こ ういったエフェクトも大事な要因ですし、 参考にしておきたい所です。なかなかイン パクトもあって素敵ですね。尚、グリッドは Masonryを使って...2011.06.23 | 10時40分13秒cssやプログラミングjQueryWebデザイン
画像を使わず、CSS+jQueryで絵文字を作れる・JQuery CSS Emoticonsがちょっと素敵だw これはちょっと面白いw画像を使わず、cssとjQueryだけで顔文字を作ってしまったみたいです。発想が単純だったのでうまく応用出来れば楽しいものが出来あがりそうな予感もしますな。面白い事考える人がいますね・・w2011.06.15 | 10時36分15秒cssやプログラミングjQueryWebデザイン
jQueryMobileでリアルタイムなフォームバリデーションを使う jQueryMobileでのフォームバリデー ションに関して調べ物をしたのでメモ。 実装した事が無かったのですが、も しかしたら近いうちに使うかもなので 動作テストしてみました。バリデーシ ョンには他プラグインを使います。2011.06.14 | 20時17分53秒cssやプログラミングiPhone / iPadjQueryWebデザイン
HTML5+jQueryのドラッグ&ドロップに対応したアップローダー・droparea Gmailライクにローカル環境からブラウザに ドラッグ&ドロップで画像をアップロード可能 にするHTML5+jQuery製のアップローダー droparea。今後、こうしてキーボードを使う 頻度が減っていくんですかね・・HTML5の...2011.06.11 | 10時40分31秒cssやプログラミングjQueryWebデザイン
フォームのselect要素で複数選択を簡略化できるjQueryプラグイン・jquery.multi-select フォームのselect要素で、直感で複数選択 出来るようにするjQueryプラグイン。複数 選択できるようにしたい場合は多くの場合は 選択項目が多く、Ctrlを使わせるのはあまり ユーザーフレンドリーとは言えませんので、 簡単に選...2011.06.10 | 15時08分48秒cssやプログラミングjQueryWebデザイン