【jQuery】レスポンシブ・フレキシブルなモーダルウィンドウ「iziModal.js」
レスポンシブ・フレキシブルなモーダルウィンドウを実装できるjQueryプラグイン「iziModal.js」の紹介です。奥行感のあるアニメーションでモーダルが出現します。
【jQuery】画像のサイズを保持しつつレスポンシブに変化させる「ResponsifyJS」
設定したフォーカスエリアのサイズを保持しつつフォーカスエリアを中心にイメージの拡大縮小ができるjQueryプラグイン「ResponsifyJS」の紹介です。
複数のレイヤーを活かしたきれいなエフェクト「Multi-Layer Page Reveal Effects」
複数のレイヤーをうまく使い、ページ遷移時に追随アニメーションのような動きをする「Multi-Layer Page Reveal Effects」の紹介です。
様々なスニペットがまとめられたサイト「LittleSnippets.net」
メニューや画像のホバーエフェクトなど、実用的なスニペットが一覧でみることができる便利なWebサービス「LittleSnippets.net」の紹介です。
有名アプリのUIをタイムラインで振り返る事ができる「Great Apps Timeline」
InstagramやPinterestなどの有名アプリのUIの変移を年代ごとにみる事ができるギャラリーサイト「Great Apps Timeline」の紹介です。
UIデザインのインスピレーションサイト「UI Movement」
さまざまなUIデザインを紹介するインスピレーションサイト「UI Movement」をご紹介。毎日のように更新されているので定期的にチェックしたいサイトです。
スクロール連動のエフェクトを実装できるライブラリ「AOS」
スクロールに連動させて要素をアニメーションで出現させるエフェクトを実装できるJSライブラリ「AOS – Animate On Scroll Library」のご紹介。
コピペで使えるCSSアニメジェネレーター「WAIT! Animate」
14種類のCSSアニメーションのコードを生成してくれるCSSアニメジェネレーター「WAIT! Animate」の紹介です。アニメーションの具合を確認しながら設定できるがGOOD！
SVGでダミー画像を生成できるサービス「Placeholder pics」
モックアップ制作などで役に立つ、ダミー画像(プレースホルダー)をちゃっちゃと生成することができるサービス「Placeholder pics」のご紹介。
陽炎のようなエフェクトを実装できる「Animated Heat Distortion Effects with WebGL」
暑い地域に見られる陽炎の表現や、ジェットエンジンやコンロでの熱気(歪み)を表現するエフェクト「Animated Heat Distortion Effects with WebGL」のご紹介。
PICKUP
