ギザギザボーダーをCSSのみで簡単に生成することができるジェネレーター「CSS Jagged Border Generator」の紹介です。

スタートアップの墓場なる惜しくも閉鎖してきたスタートアップをまとめたサイト「Startup Graveyard」の紹介です。

イタリアのデザイン史をデジタルアーカイブにしたサイト「Archivio Grafica Italiana」の紹介です。1930年代のデザインから現代デザインまで幅広くまとめられてます。

複数のフォトストックサイトから目当ての写真を横断検索できるイメージ検索サイト「freephotos.cc」の紹介です。クオリティーの高い写真が揃ってます。

サイト内でスクロールして表示領域にYoutubeが表示された時に再生、非表示になった時に停止させることができるjQueryプラグイン「jquery.youtube-inview-autoplay.js」の紹介です。

PC・スマホは勿論、T-シャツ・ボトル・看板など、無料で使用できるモックアップをまとめたサイト「Mockup World」の紹介です。

インスピレーションを刺激するロゴデザインギャラリーLogobook。ロゴデザイン制作時の情報収集のツールとしても活躍しそうなサービスです。アルファベット/数字・オブジェクト・自然・業種・デザイナー・制作会社・国別とカテゴ […]

SVGを手書き風のアニメーションにすることができるJSライブラリ「vivus.js」の紹介です。ランディングページなど効果的に使えそうなライブラリです。

サイトのBGMとシンク(同期)させて要素に躍動感・カラー変更などを与える事ができるjavaライブラリ「Rythm.js」の紹介です。

自作のピクセルアートをCSSで出力することができるピクセルアートジェネレーター「Pixel Art to CSS」の紹介です。

180種類ものグラデーションのパターンをまとめたサイト「WebGradients」の紹介です。CSS・PNGや、photoshopやsketch用のグラデーションも配布されてます。

8種類のスタンダードなローディングアニメーションをCSSで簡単に実装することができる「Single Element CSS Spinners」の紹介です。

サイトの検索フォームをダイナミックにエフェクトさせる「Inspiration for Search UI Effects」のチュートリアルの紹介です。

ソートやフィルタリングもできるグリッドレイアウトを実装することができる「Muuri」の紹介です。ブロック要素をドラッグで移動できる優れもの。

美しいチルトホバーエフェクトを実装することができる「Tilt.js」の動きが心地よいので忘備録。オプションも豊富にありエフェクトを自分好みにカスタマイズすることが可能です。 Tilt.js Tilt.js

ブロックの追随するアニメーションエフェクト「Block Reveal Effects」を紹介します。テキストやイメージ等に美しい印象のエフェクトです。

CSSと少々のJavaScriptで実装できるメニューのスニペットをまとめた「110 CSS Menu」の紹介です。リストでデモを確認でき、ダウンロードも可能です。

Apple・Google・Microsoftなど様々な企業のデザインガイドラインをまとめたサイト「Design Guidelines」の紹介です。