Google Mapのスタイルテンプレート「Snazzy Maps」
WebサイトにGoogle Mapを埋め込む時に便利なGoogle Mapのスタイルテンプレート集「Snazzy Maps」の紹介です。
WebDesign
ギザギザボーダーを作れるジェネレーター「CSS Jagged Border Generator」
ギザギザボーダーをCSSのみで簡単に生成することができるジェネレーター「CSS Jagged Border Generator」の紹介です。
アニメーションが素敵なツールチップ「Playful Little Tooltip Ideas」
アニメーションエフェクトで出現するツールチップのアイデアをまとめた「Playful Little Tooltip Ideas」の紹介です。
日本の契約書のためのCSSライブラリ「Keiyaku CSS」
Markdownで書かれた契約文書を、適切な印刷書式にスタイリングするためのCSSライブラリ「Keiyaku CSS」の紹介です。
【jQuery】Youtubeがウィンドウ内に表示されたタイミングで再生させるプラグイン
サイト内でスクロールして表示領域にYoutubeが表示された時に再生、非表示になった時に停止させることができるjQueryプラグイン「jquery.youtube-inview-autoplay.js」の紹介です。
軽快なアニメーションのバーガーメニュー「Ember Burger Menu」
様々なアニメーションエフェクトでのバーガーメニューを実装することができる「Ember Burger Menu」の紹介です。
手書き風SVGアニメーションを簡単に実装できる「vivus.js」
SVGを手書き風のアニメーションにすることができるJSライブラリ「vivus.js」の紹介です。ランディングページなど効果的に使えそうなライブラリです。
立体感のあるアニメーションホバーエフェクト「Stack Motion Hover Effects」
レイヤーとズームを上手く使い要素を立体的なアニメーションエフェクトを実装できる「Stack Motion Hover Effects」の紹介です。
音楽に合わせて要素を動かすことができる「Rythm.js」
サイトのBGMとシンク(同期)させて要素に躍動感・カラー変更などを与える事ができるjavaライブラリ「Rythm.js」の紹介です。
【CSS】CSSアニメーションを簡単に作成できる「Animista」
様々なアニメーションを作成し、コードをコピペして簡単に使用できるCSSアニメーションジェネレーター「Animista」の紹介です。
PickUp
