背景画像をダイナミックに動かしつつParallax効果を作れる「fullPage.js」:phpspot開発日誌
インストーラのようなウィザードをWEBで実現できる「jQuery Smart Wizard 4... 次の記事 ≫：WebGLを使った超リッチな背景イメージ描画「WebGL Scroll Spiral」
ページ切り替えエフェクトが１２１種類収録されている「pageSwitch」:phpspot開発日誌
qiqiboy/pageSwitch: Just a page-Switch Javascript Library ページ切り替えエフェクトが１２１種類収録されている「pageSwitch」 ページ全体ではなくページの特定部分を、本をめくるように画像を切り替えたりするアニメーションが１２１種類と、選ぶ方が困りそうなぐらい収録されています。 関連エントリ アニメーション切り替えがカッコイイタブUI実装jQueryプラグイン「tabtab.js」 物理ベースのアニメーションライブラリ「Dynamics.js」 テキストを独特の虹色アニメーションさせられる「Rainbow.js」 アニメーションするプログレスバーを実装できるjQueryプラグイン「barIndicator」 テキストに様々なアニメーションエフェクトが付けられる「Change the words」
流行りのページスクロールによるアニメーション効果が多数収録されたサンプル集:phpspot開発日誌
Page Scroll Effects | CodyHouse 流行りのページスクロールによるアニメーション効果が多数収録されたサンプル集がダウンロード可能です。 パララックス効果や3D効果など、クオリティの高いものばかりでかなり使えそう。最近流行りのページ作成に役立てられそうです 一昔前にここまでスクロール型ページが流行るとは思いませんでしたが、正直どうなるか分からないものですね 関連エントリ ページスクロールに応じて要素を様々にCSSアニメーションしつつ表示できる「Story Box」 スマホの傾きでページスクロール出来るようにする「Interdimensional」 スクロールを上に移動でバー表示ができるjQueryプラグイン「scroll-up-bar」 固定要素をスクロール位置によって切り替えられる「Midnight.js」
テキスト欄にフォーカスが移動した際のアニメーションをありえないぐらい集めたサンプル集:phpspot開発日誌
Some More Inspiration for Text Input Effects | Codrops テキスト欄にフォーカスが移動した際のアニメーションをありえないぐらい集めたサンプル集。 テキスト入力欄にフォーカスがあたるとラベルがアニメーションしたりといったエフェクトは最近の流行りですが、新しいエフェクトが満載のサンプル集が公開されています。 とにかく一度見ておけばネタとして使うことができそうです。 サイトに実装されたフォームがこんな感じになっていたら、一般の人は驚くと共に、プロが見ても新しい技術を積極的に使っているということでよい印象が得られるのかも。 関連エントリ ドラッグ＆ドロップにまつまるUIデザインのアイデア集 汎用iOS8用アプリアイコン30個セット「Jellycons iOS 8 App Icon Set」
Last.fmのデータをジャケット＆ディスク付きでクールに表示できる「jQuery.JamCity」:phpspot開発日誌
Demo - jQuery.JamCity (1.1) Last.fmのデータをジャケット＆ディスク付きでクールに表示できる「jQuery.JamCity」。 次のようにLast.fmのデータをジャケット写真＋ディスクな感じのイメージにしてくれます。マウスオーバーでディスクがちょびっと動くのもいいかんじ 関連エントリ ドロップダウンをフラットでクールにするjQueryプラグイン「EasyDropDown」 レスポンシブなナビゲーションメニュー作成用jQueryプラグイン「Naver」 スモークエフェクトを作成するjQueryプラグイン「AuderoSmokeEffect」 バウンスさせたりできるページのアニメーションスクロール実装jQueryプラグイン「AnimateScroll」 タッチができてレスポンシブなカルーセル実装jQueryプラグイン「Owl Carousel」 コンテナに画像
スマホでも多階層のメニューが作れるレスポンシブなjQueryプラグイン「slimMenu」:phpspot開発日誌
jQuery slimMenu - A lightweight responsive and multi-level navigation menu plugin. スマホでも多階層のメニューが作れるレスポンシブなjQueryプラグイン「slimMenu」 次のようにスマホでも階層を開閉できるレスポンシブなメニューが実装できます。デザインもいい感じ。 PCでも横長に違和感なく表示することが可能 スマホサイトを作る上では覚えておいて損はなさそう 関連エントリ 新しいamazonのドロップダウンメニューっぽいものが作れるjQueryプラグイン「jQuery-menu-aim」 レスポンシブに加えスマホ用のメニュー実装もできるjQueryプラグイン「Navobile」 アプリ風のなめらかなサイドメニューが実装できるjQueryプラグイン「mmenu」 レスポンシブなiPhoneのサイドメニューっ
ドラッグ＆ドロップで再編成できるPinterest風レイアウト作成プラグイン「jQuery.Shapeshift」:phpspot開発日誌
jQuery.Shapeshift ドラッグ＆ドロップで再編成できるPinterest風レイアウト作成プラグイン「jQuery.Shapeshift」。 最初に一度出して終わりなレイアウトではなくて、ユーザがドラッグ＆ドロップでレイアウトを変えられるプラグインです。 ドラッグ中もアニメーションして動きがなかなか面白いです。 関連エントリ Pinterest風のWordPressテーマ集 Twitter,Facebook,YouTube,PinterestのRSSフィードURLまとめ PinterestのPinIt機能実装jQueryプラグイン FacebookやTwitterの内容をまとめてPinterest風に表示できるPHPアプリ「Infinite-social-wall」
FlatなUIが美しいJSレスなUIライブラリ「TopCoat」:phpspot開発日誌
TopCoat FlatなUIが美しいJSレスなUIライブラリ「TopCoat」。 デスクトップ、モバイル対応でレスポンシブ、CSSで作られたUIライブラリです。 Bootstrapよりフラットなデザインが特徴でしょうか。Bootstrapのライバルとなるような物が出てきて、それぞれよい面を取り入れていってほしいですね 関連エントリ フラットで綺麗なUIライブラリFlatUIのモバイルテーマ「FlatUI」 30以上のリッチコンポーネントが詰まったHTML5のUIライブラリ「Zebra」 Bootstrapに追加で使えるjQueryベースのUIライブラリ「w2ui」 jQuery UI をタッチイベントに対応させるライブラリ「jQuery UI Touch Punch」 BootstrapをベースとしたフリーのUIKit「Flat UI」
モダンなサイトを作成するためのCSS3チュートリアル集:phpspot開発日誌
Latest CSS3 Tutorials For You To Create Modern Websites モダンなサイトを作成するためのCSS3チュートリアル集。 CSS3のテクニックがあつまったチュートリアル集のご紹介。自分に無い知識を取り入れるために参考にできそう。 いつも進んでる感を感じますが、もうずっと進化し続けるんでしょうね。 関連エントリ CSS3でChrome風ウィンドウを作成するチュートリアル 使えない(?)CSS3ジェネレーター「Useless CSS3 Generator」 CSS3でボーダーを超かっこよくアニメーションするサンプル CSS3ベースのオシャレな価格表作成チュートリアル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ページ内にインスタグラムの写真をかっこよく表示できるjQueryプラグイン「masongram」:phpspot開発日誌
ユーザ名からアバター画像を自動生成するjQueryプラグイン「LetterPic」:phpspot開発日誌
大量の汎用SVGアイコンがダウンロードできる「Zondicons」:phpspot開発日誌
引っ張って更新を簡単実装できる「Pull to Refresh.js」:phpspot開発日誌
スケジュール表をレスポンシブかつシャレオツに表示するデモ:phpspot開発日誌
固定フッターをスクロール位置に応じて制御できる「stickyhooters」:phpspot開発日誌
CSSドリブンなレンガ状レイアウト作成JSライブラリ「Salvattore」:phpspot開発日誌
CSS3等をフルに活用してボタンのホバー時のエフェクトをこれでもかという位あつめたサンプル集:phpspot開発日誌
フリーのiOS7アイコン800個セット:phpspot開発日誌
画像をRetina用にリサイズしてくれるフリーのPhotoshopアクション「Retinize It」:phpspot開発日誌
iPhone用のアイコン３００個セット「ICON BEAST」:phpspot開発日誌