【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

POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
INSPIRATION
  • 国内のWebデザイン

  • 海外のWebデザイン

  • LP・ランディングページ

  • レスポンシブWebデザイン