Tools & Resources

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

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

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

Ads

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」

Dribbbleに投稿されたデザインをCodopenで再現、比較している・「Give ’n’ Go」

MediumのWYSIWYGエディタのクローン・「Dante Editor」

オープンソースで公開されている、Google Web Fontの補助ツール・「Google Webfonts Helper」

Markdown記法で書けるドキュメントページ向け静的サイトジェネレーター・「MkDocs」