
Tools & Resources


モバイルファーストで軽量なRWD対応CSSフレームワーク・「TACHYONS」

SVGやPDF、EPUBなど様々なフォーマットに対応したオンラインコンバーター・「Convertio」

Googleマテリアルデザインを取り入れたAngularJSベースのRWD対応フロントエンドフレームワーク・「lumX」

AngularJS用のUIフレームワーク・「Suave UI」

Gitを使ったバージョン管理を動画で学べる学習サイト・「Learn Git」

Sketchのプラグインやリソースをまとめている・「sketch.land」

画像から人物の顔を検出するAPIを提供する・「Face++」

マテリアルデザイン向けのカラーコードをコピーして使える・「Material UI Colors」

OSSとしてもソースが公開されているRWD対応コンテンツ埋め込みサービス・「IFRAMELY」

ヤコブ・ニールセンの10のヒューリスティックに基いたユーザビリティチェックを行う為のChromeエクステンション・「UX CHECK」

CSSのみで作られたシンプルなアイコンセット・「ICONO」

Trelloのクローンとして開発されたオープンソースのタスク管理ツール・「LibreBoard」

Evernoteライクなクリップツールを構築する為のオープンソースソフトウェア・「Paperwork」

インタラクションデザインの導入例をアニメーションで確認出来るWebデザインギャラリー・「Hover States」

SVGをインラインに展開し、CSSでスタイル出来るようにするJSライブラリ・「deSVG」

CSS3による様々なマウスホバーアニメーションをまとめたスタイルシート・「Hover.css」

グラデーションな三角形パターンを作成するスクリプト・「TRIAGONAL ROTICEROD」

ミニマルなjavascriptアニメーションライブラリ・「snabbt.js」

モバイルアプリ開発向けのHTML5製フレームワーク・「Mootor」

Bootstrapのひな形を手軽に作成出来る・「lollytin」
