JSとCSS3を使って行う、ティルトシフトレンズ風のエフェクト。デフォルトで画像の上端と下端がボケてて、マウスオーバーでトランジションとともにボケが取れます。コーディングフェイズで行う可逆エフェクトなので、ひとつの画像で（ボケ前とボケ後を用意せずに）この動作が行えます。最近じゃInstagramなどで誰でも簡単にティルトシフトエフェクトの画像を作れるようになっちゃいましたが、やっぱなんつーかオシャレですよねこういうの。
ボカしエフェクトを併用したModal表示のJavascript。ライブラリにはjQueryが使われているようです。ページ内の「Show it」クリックで動作確認ができます。背景となるものが縮小表示されるとともにボケるので、手前に来るボックス要素が浮かんでるように見えます。これかっけーすね。いずれ何かで使いたいなー。
CSS3やjQueryを使ったローディングアニメーションやプログレスバーの作例まとめ。リンク先は素材の配布だったり、チュートリアル記事だったりします。CSS3だけで作られたローディングアニメーションって、コード突っ込むだけなのでスゴい簡単に導入できますな。モバイルサイトやモバイルApp内のWebViewで見せるコンテンツ制作などに便利そうなまとめ記事。
27 jQuery & CSS3 Loading Animation and Progress Bar Plugins/Tutorials
サイトの背景に大きく動画ファイルを再生させるためのJavascript。どういうものかはサイトを見ればすぐに分かります。こういうのって元々そんなに大きな動画を表示しないので（サイズ大きいと待たされちゃうし）、ドットのPNGをオーバーレイさせて解像度の低さをごまかしたりする場合が多いけど、このJSではそういう事してないみたい。また再生する動画の切り替え機能もり、JSライブラリにはjQueryが使われているようです。こういう思い切ったページの制作ってそうそうあるもんじゃないけど、いずれ使う機会があるかもしんないので備忘録として紹介。
CSS3やJavascriptを使ったクールなナビゲーションメニューの作例。35の作例が紹介されてます。いわゆるサイト内でよく使われるグローバルナビゲーション以外にも、ちょっとしたボタンやサイト全体に関わるインターフェース類についても紹介されてます。動きを使った表現が多い印象。後半はチュートリアル記事が数点紹介されてます。中には有料のものもありますが、ここで紹介されてるのはほとんどが無料のもの。ちょっと凝ったナビゲーションを使いたい時にナイスなまとめ記事。
jmpress.jsを使った立体的なトランジションのスライドショー。jmpress.jsはimpress.jsのjQuery版で、すでにjQueryを導入してるサイトにちょうど良さそうです。デモページはこちら。左右のスライドボタンを押す度に、様々な立体的なトランジションで画像が切り替わります。iPhone 4Sのサイトもそうだったけど、最近こういうトランジションよく見ますね。ちょっと変わった見せ方でコンテンツを表示したい時などに使えそうです。
CSSやJSを使った新しい表現手法、という内容の記事。SmashingMagazineは去年も同じ内容の記事を書いてますが、これはその今年バージョン。CSS3を使ったトランジションやアニメーション、使えるCSSテクニック、タイポグラフィーやテキストエフェクト、ホバーエフェクトやナビゲーションメニュー装飾、CSSを使ったビジュアル装飾（サムネール装飾とか）といった感じで、カテゴリごとに分けて紹介されてます。Click to Animationの装飾って最近グっと増えたよなー、とか思いながら読みました。
Web用のコードスニペットの配布サイト。サムネールクリックで該当作例のライブコーディングができます。HTML、CSS、JSそれぞれの記入欄があり、入力した内容はページ下部のデモ画面に即時反映されます。紹介されている作例の数と質も高く、単純にネタ帳としても全然使えます。編集まで行えるという点がとってもナイス。
