2015年5月

【jQuery】スクロールに合わせて要素を切り替える「Midnight.js」

ヘッダー要素にあるテキストやロゴをスクロールに合わせてセクションごとに切り替えることができるjQueryプラグイン「Midnight.js」を紹介します。

2015/05/29
【jQuery】動画を背景にフルスクリーンで表示させる「covervid.js」

動画を背景にしたサイトも増えてきましたが、軽量で背景に動画をフルスクリーンで表示させるjQueryプラグイン「covervid.js」を紹介します。

2015/05/25
レスポンシブデザインでのロゴパターン「responsivelogos」

レスポンシブのロゴパターンを考えるコンセプトサイト「responsivelogos」。特に海外のブランドロゴは細かいディテールのロゴが多いので参考のなる。

2015/05/20
【jQuery】ロールオーバー時にテキストをシャッフルさせる「chaffle.js」

テキストリンクのロールオーバー時にテキストをシャッフルさせるエフェクトを実装できるjQueryプラグイン「chaffle.js」を紹介します。

2015/05/18
【Webデザイン】スクロールで変化する固定ヘッダーいろいろ

スクロールした時にヘッダーサイズが変化するものから、アニメーションエフェクトが凝ったものまで、固定ヘッダーのソースを公開してるサイトの紹介。

2015/05/15
iPhoneなどアプリのUIを集めたギャラリーサイト「Pttrns」

iPhone・iPad・AppleWatchなどのアプリのインターフェイスを集めたギャラリーサイト「Pttrns」の紹介。アプリの様々なシーンのキャプチャを公開してます。

2015/05/13
【フリー素材】著作権フリーの動画素材サイト「Pexels Videos」

クリエイティブ・コモンズ0(CC0)ライセンスの動画をダウンロードできるストックビデオサイト「Pexels Videos」を紹介します。

2015/05/11
様々なデバイスでの表示をチェックできるツール「.resizr」

レスポンシブデザインでの表示確認に使えるチェックツール「.resizr」の紹介。ブラウザ内で縦向き・横向きの表示も確認できるので便利。

2015/05/07

PickUp