アニメーションアイコンのライブラリ「60 Free Animated Icons」
SVGアイコンとjsライブラリ(titanic.js)がセットになった、簡単に実装できるアニメーションアイコン「60 Free Animated Icons」の紹介です。
Webデザイン
Google Mapのスタイルテンプレート「Snazzy Maps」
WebサイトにGoogle Mapを埋め込む時に便利なGoogle Mapのスタイルテンプレート集「Snazzy Maps」の紹介です。
ギザギザボーダーを作れるジェネレーター「CSS Jagged Border Generator」
ギザギザボーダーをCSSのみで簡単に生成することができるジェネレーター「CSS Jagged Border Generator」の紹介です。
【jQuery】Youtubeがウィンドウ内に表示されたタイミングで再生させるプラグイン
サイト内でスクロールして表示領域にYoutubeが表示された時に再生、非表示になった時に停止させることができるjQueryプラグイン「jquery.youtube-inview-autoplay.js」の紹介です。
手書き風SVGアニメーションを簡単に実装できる「vivus.js」
SVGを手書き風のアニメーションにすることができるJSライブラリ「vivus.js」の紹介です。ランディングページなど効果的に使えそうなライブラリです。
音楽に合わせて要素を動かすことができる「Rythm.js」
サイトのBGMとシンク(同期)させて要素に躍動感・カラー変更などを与える事ができるjavaライブラリ「Rythm.js」の紹介です。
CSSで出力できるドット絵ジェネレーター「Pixel Art to CSS」
自作のピクセルアートをCSSで出力することができるピクセルアートジェネレーター「Pixel Art to CSS」の紹介です。
CSSで実装するローディングアニメーション「Single Element CSS Spinners」
8種類のスタンダードなローディングアニメーションをCSSで簡単に実装することができる「Single Element CSS Spinners」の紹介です。
きれいなエフェクトの検索フォームUI「Inspiration for Search UI Effects」
サイトの検索フォームをダイナミックにエフェクトさせる「Inspiration for Search UI Effects」のチュートリアルの紹介です。
ブロック要素をドラッグできるグリッドレイアウト「Muuri」
ソートやフィルタリングもできるグリッドレイアウトを実装することができる「Muuri」の紹介です。ブロック要素をドラッグで移動できる優れもの。
【jQuery】チルトホバーエフェクトを実装できる「Tilt.js」
美しいチルトホバーエフェクトを実装することができる「Tilt.js」の動きが心地よいので忘備録。オプションも豊富にありエフェクトを自分好みにカスタマイズすることが可能です。 Tilt.js Tilt.js
ブロックのアニメーションエフェクトが美しい「Block Reveal Effects」
ブロックの追随するアニメーションエフェクト「Block Reveal Effects」を紹介します。テキストやイメージ等に美しい印象のエフェクトです。
