Tools & Resources

Webサイトのスタイルガイド作成の為のリソースをまとめている・「Website Style Guide Resources」

様々なAPIを探せる検索エンジン・「APIS.io」

指定箇所のサイズを計測できるPhotoshopのスクリプト・「Size Marks」

Ads

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」

描画アニメーションエフェクト付のSVGを作成する為のライブラリ・「vivus」

マテリアルデザインのUIコンポーネントを構築する為のCSSフレームワーク・「material ui」

RWD対応の、Bootstrap向けダッシュボードテンプレート・「Dashboards by Keen IO」

Gmail、Googleカレンダー、Googleドキュメントをまとめてチェック出来る・「Storyline」

CSSのみで作れるシンプルなチャート・「cssplot」

任意のWebサイトのスコアレポートを提出してくれる調査ツール・「Nibbler」

RWDにも対応の、ブラウザ上で写真を管理するオープンソースのソフトウェア・「Lychee」

WordPressプラグインのボイラープレート・「THE WORDPRESS PLUGIN BOILERPLATE」

SASS向けのカラーライブラリ・「Color Me SASS」

SVGの概要や使い方を学べるチュートリアルサイト・「Up and Running with SVG」

AwwwardsやDribbble、Behanceなどの投稿をざっと見れるインスピレーション向上の為のChromeエクステンション・「Muzli」