Tools & Resources
SVGアイコンをアニメーションエフェクト付きで切り替える為のスクリプト・「SVG Morpheus」
Markdown記法でリアルタイムプレビューを可能にする・「Livedown」
AngularJSとPHPで作られたシングルページ専用のCMS・「Cosmo」
正規表現のコードを図に可視化する・「Regulex」
行単位でCSSを適応させるスクリプト・「LINING.JS」
Dropboxに置いているCSVやGoogleスプレッドシートのデータをグラフ化するOSS・「CHARTED」
任意のWebサイトのCSSを解析し、ステータスを表示してくれるオープンソースのソフトウェア・「CSS Stats」
マテリアルデザインを取り入れたレスポンシブWebデザイン対応のCSSフレームワーク・「Materialize」
モバイルやモダンブラウザ向けに、jQueryやzepto.jsの代替として作られた軽量ライブラリ・「laroux.js」
Webサイトのスタイルガイド作成の為のリソースをまとめている・「Website Style Guide Resources」
様々なAPIを探せる検索エンジン・「APIS.io」
指定箇所のサイズを計測できるPhotoshopのスクリプト・「Size Marks」
Webサイトのパフォーマンスチェックが出来るスクリプト・「PerfBar」
Google DriveやSkydriveのようなオープンソースのドキュメントエディタ・「WebSyn.ca」
閲覧中のWebページに使われているCSSを解析してくれるChromeエクステンション・「CSS Dig」
シンプルで軽量なモバイルファーストのCSSフレームワーク・「Furtive」
雨の音と一緒にジャズ等の音楽をランダムで流す・「Rain, Rhythm and Soul」
CSS3+HTML5のアニメーションを作成出来るOSSのエディタ・「Mixeek」
デバイス間のフォーム要素のスタイルに差異が出ないようにする為のライブラリ・「Formplate」
3Dモデルを公開・シェア出来る・「Sketchfab」