WebDesign

グラデーションのアニメーションを実装できる「Granim.js」

グラデーションのアニメーションを手軽に実装することができるjavaライブラリ「Granim.js」の紹介です。様々なケースで効果的に使える軽量なスクリプト。

2016/09/12
CSSで出力する三角形ジェネレーター「CSS Triangle Generator」

CSSで三角形を作りたい時に便利な三角形ジェネレーター「CSS Triangle Generator」の紹介です。最短で理想な三角形を作れるよう工夫を凝らしたジェネレーターです。

2016/08/30
料金表のページをまとめたギャラリーサイト「Pricing Pages」

海外のクリエイティブの高い料金表(プライステーブル)のページのみを集めたギャラリーサイト「Pricing Pages」の紹介です。

2016/08/22
UIデザインのスニペットがまとめられたサイト「CodeMyUI」

魅力あるUIデザインのスニペットをまとめたサイト「CodeMyUI」の紹介です。サムネイルがアニメーションになっており非常に見やすいサイトです。

2016/08/08
【jQuery】レスポンシブ・フレキシブルなモーダルウィンドウ「iziModal.js」

レスポンシブ・フレキシブルなモーダルウィンドウを実装できるjQueryプラグイン「iziModal.js」の紹介です。奥行感のあるアニメーションでモーダルが出現します。

2016/08/01
【jQuery】画像のサイズを保持しつつレスポンシブに変化させる「ResponsifyJS」

設定したフォーカスエリアのサイズを保持しつつフォーカスエリアを中心にイメージの拡大縮小ができるjQueryプラグイン「ResponsifyJS」の紹介です。

2016/07/26
複数のレイヤーを活かしたきれいなエフェクト「Multi-Layer Page Reveal Effects」

複数のレイヤーをうまく使い、ページ遷移時に追随アニメーションのような動きをする「Multi-Layer Page Reveal Effects」の紹介です。

2016/07/19
様々なスニペットがまとめられたサイト「LittleSnippets.net」

メニューや画像のホバーエフェクトなど、実用的なスニペットが一覧でみることができる便利なWebサービス「LittleSnippets.net」の紹介です。

2016/07/11

PickUp