Babylon.js WebGLベースのブラウザ上3Dエンジン「Babylon.js」 WebGLをより便利に扱えるライブラリだと思うのですが、迫力のある３Dサンプルは使う使わないにかぎらずブラウザ上で動いていて一度みておいてもよさそう。 関連エントリ SVGかCanvasで3Dグラフィックを描画するレンダリングエンジン「seen.js」
WebGLベースのブラウザ上3Dエンジン「Babylon.js」:phpspot開発日誌
Babylon.js WebGLベースのブラウザ上3Dエンジン「Babylon.js」 WebGLをより便利に扱えるライブラリだと思うのですが、迫力のある３Dサンプルは使う使わないにかぎらずブラウザ上で動いていて一度みておいてもよさそう。 関連エントリ SVGかCanvasで3Dグラフィックを描画するレンダリングエンジン「seen.js」
FontAwsomeのアイコンフォントをCSS3でアニメーションさせる「Font Awesome Animation」:phpspot開発日誌
FontAwsomeのアイコンフォントをCSS3でアニメーションさせる「Font Awesome Animation」 2014年03月06日- Font Awesome Animation FontAwsomeのアイコンフォントをCSS3でアニメーションさせる「Font Awesome Animation」。 FontAwsome自体は単なるアイコンフォントですが、これにCSS3アニメーション（自動アニメーション、ホバー時）機能を付けたもの。 FontAwsome自体のマークアップが<i class="fa fa-envelope"></i>であれば、classにfaa-horizontal animated 等として追加すれば、指定したアニメーションで再生されます。 FontAwsomeだけじゃなくて、BootstrapのGlyph等でも同様に使えそうですね。 実装コード例。JS不要で
複数条件で結果を絞り込めるテーブルを実装できるjQueryプラグイン「Multifilter」:phpspot開発日誌
Multifilter - Sort a table on Multiple inputs. A jQuery plugin from Tommy Palmer. 複数条件で結果を絞り込めるテーブルを実装できるjQueryプラグイン「Multifilter」。 テーブル内容をフィルタするのに用意されているものは１個というのが殆ですが、条件を複数指定して絞り込めるフィルタプラグインです。 アイテム量が多い場合なんかに使えそうですね 関連エントリ テーブルを様々なグラフに自動変換できるjQueryプラグイン「HighchartTable」 HTML5＋JSONでインタラクティブなテーブルを作れる「Dynatable.js」 普通のテーブルをExcel風に超カッコよくしてくれるjQueryプラグイン「ParamQuery」 テーブル行をインクリメンタル検索できるようにするjQueryプラグイン「
複数RSSをjQueryでアグリゲートして1ページに表示できるjQueryプラグイン「jQuery Feeds」:phpspot開発日誌
Demo ? jQuery Feeds 複数RSSをjQueryでアグリゲートして1ページに表示できるjQueryプラグイン「jQuery Feeds」 クロスドメインのRSSもサポートしていて、サーバサイドスクリプトは一切不要。 複数のRSSを時系列にサクッとまとめて表示したい場合に便利そうです 次のようにJSONでURLを定義してあげればまとめて表示してくれるみたい 関連エントリ レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 おしゃれで軽量なシェアボタンを実装できるjQueryプラグイン Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」 フラットデザインがクールなカレンダー実装jQueryプラグイン「kalendar」 ダイナミックなタイル状レイアウトを実現できるjQueryプラグ
超オシャレなバックグラウンドイメージが多数DLできる「The Pattern Library」:phpspot開発日誌
The Pattern Library 超オシャレなバックグラウンドイメージが多数DLできる「The Pattern Library」 ひと味違う感じのバックグラウンドイメージが多数ダウンロードできます。ちょっとおしゃれなサイトに仕上げたい場合に使えるかも 関連エントリ 要素の背景画像を伸縮してくれるレスポンシブWEBデザインに必携のjQueryプラグイン「Wallpaper」
タッチに最適化されたLightBox実装jQueryプラグイン:phpspot開発日誌
jQuery Lightbox alternative: Touch Optimized Sliders "R"Us タッチに最適化されたLightBox実装jQueryプラグイン。 スワイプで画像が横にずれ、画像をクリックで拡大されるようなUIが作れます。 タッチデバイス向けのギャラリーをサクッと実装したい場合に使えそうです 関連エントリ スライダーの背景もダイナミックに切り替えるクールなスライダ実装jQueryプラグイン「Immersive Slider」 HTML5＆CSS3なレスポンシブなスライダー実装jQueryプラグイン「Slippry」 3Dでグルグル回転するインパクト大なスライダー実装jQueryプラグイン「Impulse Slider」 レスポンシブでタッチ対応な軽量なスライダー実装jQueryプラグイン「Unslider」 クロス環境で動作するレスポンシブスライダー実装
画像の親エレメントの背景を画像のカラーに合わせられるjQueryプラグイン「adaptive-backgrounds」:phpspot開発日誌
画像の親エレメントの背景を画像のカラーに合わせられるjQueryプラグイン「adaptive-backgrounds」 2013年12月25日- jquery.adaptive-backgrounds.js ? A jQuery plugin for extracting dominant colors from images and applying it to its parent 画像の親エレメントの背景を画像のカラーに合わせられるjQueryプラグイン「adaptive-backgrounds」。 画面サイズに合わせて画像を拡大縮小というのはよくありますが、画像の色を取って、その色を親要素の背景に合わせるというプラグインははじめてかも。 画像の背景色を画像と合わせることで統一感というか、違和感のない感じに仕上がるようです。動的にやれるのでCGM的なサイトなんかでも使えるのかも。 c
PhotoshopばりのフィルタをJSでかませるjQueryプラグイン「PhotoJShop」:phpspot開発日誌
PhotoJShop PhotoshopばりのフィルタをJSでかませるjQueryプラグイン「PhotoJShop」 画像をぼかしたり、シャープにしたり、エンボス加工したり、白黒・セピアにしたりとJavaScriptでブラウザ上で加工ができます。 若干重い処理になる場合もあるようですが、ブラウザ上で簡単にフィルタをかけられるのは便利かもしれませんね 関連エントリ 複数の画像を組み合わせて3Dっぽく回転できる「jQuery Interactive 3D」 画像、地図、動画等何でも埋め込めるクールでフラットでレスポンシブなLightBox「VenoBox」 線を描きながらギャラリーの画像を選択できるようにするjQueryプラグイン「Wrangle」 要素の背景画像を伸縮してくれるレスポンシブWEBデザインに必携のjQueryプラグイン「Wallpaper」 アップロードで簡単に画像をbase6
画像、地図、動画等何でも埋め込めるクールでフラットでレスポンシブなLightBox「VenoBox」:phpspot開発日誌
VenoBox - responsive jQuery modal window plugin 画像、地図、動画等何でも埋め込めるクールでフラットでレスポンシブなLightBox「VenoBox」 何でも埋め込める系はこれまでも何個か紹介しましたが、フラットデザインでレスポンシブという流行りも取り入れたLightBoxです。 LightBoxのデザインはシンプルですが、アニメーションがいい感じで動いてくれるフラット仕様。 関連エントリ フラットデザインが美しいレスポンシブなLightbox「Nivo Lightbox」 動画/地図/画像のポップアップが可能でレスポンシブなLightBox実装jQueryプラグイン「MagnificPopup」 スワイプできるLightBox実装jQueryプラグイン「Swipebox」
複数の画像を組み合わせて3Dっぽく回転できる「jQuery Interactive 3D」:phpspot開発日誌
jQuery Interactive 3D by Pete R. | The Pete Design 複数の画像を組み合わせて3Dっぽく回転できる「jQuery Interactive 3D」。 画像を沢山用意する必要がありますが、あとはjQueryで初期化してアニメーションさせたりドラッグ＆ドロップで回転させたりすることが出来るようになります。 WebGL非対応ブラウザでも見れるような実装にしたい場合はこちらが使えそうですね。 関連エントリ 画像にマウスオーバーでリアルに立体化する3Dアニメーション実装デモ 3Dのキューブのアニメーションで迫力あるエフェクトを付けられるjQueryプラグイン「HexaFlip」 ドラッグで回転する3Dオブジェクトが作れる「ThreeSixty」 3Dでグルグル回転するインパクト大なスライダー実装jQueryプラグイン「Impulse Slider」
フラットなUIデザインキットPSD25個:phpspot開発日誌
25 flat UI kits for web designers | Webdesigner Depot フラットなUIデザインキットPSDが25個紹介されています フラットデザイン時の参考や素材として活用できそうです。フラットはシンプルなだけにデザインをより考える必要がありますが、ネタ帳として使うこともできそうです 関連エントリ フラットサイトのカラースキーム生成等に使えそうなWEBツール「colourcode」 フラットで超カッコいいUIライブラリ「Semantic UI」 フラットで美しいデザインのモーダルダイアログ実装ライブラリ「vex」 フラットデザインでレスポンシブな超カッコいいフォームを実装できる「Grid Forms」 フラットデザインがクールな円グラフ描画jQueryプラグイン「Pie Chart」 100以上のコンポーネントUIが詰まったフラットデザインのUIキットP
レスポンシブな円グラフが描画できる「Pizza Pie Charts」:phpspot開発日誌
Pizza Pie Charts | Playground from ZURB レスポンシブな円グラフが描画できる「Pizza Pie Charts」 次のような円グラフ、ドーナツ型の円グラフが描画可能。マウスカーソルに応じてインタラクティブに動作する他、ブラウザサイズに応じて最適なサイズにリサイズされるレスポンシブ仕様。 グラフも当然レスポンシブ対応していたほうが使いやすいですね。 関連エントリ フラットデザインがクールな円グラフ描画jQueryプラグイン「Pie Chart」 シンプルだけどカスタマイズが簡単でインタラクティブなグラフが色々描ける「Ember Charts」 クールでアニメーションするグラフを描画できるHTML5チャートライブラリ「Chart.js」
分かりやすい脚注を実装できるjQueryプラグイン「Bigfoot」:phpspot開発日誌
Bigfoot 分かりやすい脚注を実装できるjQueryプラグイン「Bigfoot」。 脚注を実装したい際に、クリックでポップアップ等しえ、分かりやすい脚注を実装できるプラグインです。 脚注を使うような長文記事サイトで活用できそう。 関連エントリ エントリに脚注を入れる場合に超便利な「jQuery Footnotes」
HTML5＆CSS3なレスポンシブなスライダー実装jQueryプラグイン「Slippry」:phpspot開発日誌
ページ内にどんどん通知アラートを設定できるjQueryプラグイン「Messenge... 次の記事 ≫：2013年11月19日 管理人のブックマーク
レスポンシブ対応のメガメニュー実装jQueryプラグイン「Accessible Mega Menu」:phpspot開発日誌
レスポンシブ対応のメガメニュー実装jQueryプラグイン「Accessible Mega Menu」 2013年11月18日- Accessible Mega Menu レスポンシブ対応のメガメニュー実装jQueryプラグイン「Accessible Mega Menu」 メガメニューとはナビゲーションバーを押すと表示される大きなメニューのことですが、こちらはレスポンシブ対応でPCでもスマホでも活用できる点がいいです。 単にメニューの選択肢だけ表示されるメニューとは違い、説明等も書けてサブメニューの選択肢が多い場合に使えそうですが、スマホ対応も出来るということで一応覚えておいてもよいかも。 関連エントリ リッチなドロップダウンメニュー実装ができるjQueryプラグイン「Mega Drop Down Menu」 CSS3単体でアニメーションするドロップダウンメニューを実装
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Apple、Google、Windowsストア用ボタンセット:phpspot開発日誌
サイトのパフォーマンスをリアルタイムにモニタリングできる「Bucky」:phpspot開発日誌
スペースキーでスクロールするスライドっぽい物が作れるjQueryプラグイン「Scrollocue」:phpspot開発日誌
タッチデバイスでリストを並び替えたり削除したりできるUI実装ができる「Slip.js」:phpspot開発日誌
PSDとAI形式のフラットな４２個のお天気アイコン:phpspot開発日誌