
【jQuery】スクロールに合わせて要素を切り替える「Midnight.js」
ヘッダー要素にあるテキストやロゴをスクロールに合わせてセクションごとに切り替えることができるjQueryプラグイン「Midnight.js」を紹介します。
2015/05/29
ヘッダー要素にあるテキストやロゴをスクロールに合わせてセクションごとに切り替えることができるjQueryプラグイン「Midnight.js」を紹介します。
動画を背景にしたサイトも増えてきましたが、軽量で背景に動画をフルスクリーンで表示させるjQueryプラグイン「covervid.js」を紹介します。
レスポンシブのロゴパターンを考えるコンセプトサイト「responsivelogos」。特に海外のブランドロゴは細かいディテールのロゴが多いので参考のなる。
テキストリンクのロールオーバー時にテキストをシャッフルさせるエフェクトを実装できるjQueryプラグイン「chaffle.js」を紹介します。
スクロールした時にヘッダーサイズが変化するものから、アニメーションエフェクトが凝ったものまで、固定ヘッダーのソースを公開してるサイトの紹介。
iPhone・iPad・AppleWatchなどのアプリのインターフェイスを集めたギャラリーサイト「Pttrns」の紹介。アプリの様々なシーンのキャプチャを公開してます。
クリエイティブ・コモンズ0(CC0)ライセンスの動画をダウンロードできるストックビデオサイト「Pexels Videos」を紹介します。
レスポンシブデザインでの表示確認に使えるチェックツール「.resizr」の紹介。ブラウザ内で縦向き・横向きの表示も確認できるので便利。
PickUp