Tools & Resources

ソフトウェア

デジタルな人工生命体を作るオープンソースプロジェクト・「OpenWorm」

JavaScript

シングルページで構成されたWebアプリケーションの為のJavaScriptフレームワーク・「Composer.js」

その他

世界中で販売されている食品のデータを収集し、データベース化するプロジェクト・「Open Food Facts」

Ads
JavaScript

他言語化の為のJavaScriptライブラリ・「FormatJS」

CSS/HTML

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

ジェネレーター

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

CSS/HTML

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

CSS/HTML

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

その他

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

Webデザイン補助

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

その他

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

その他

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

ソフトウェア

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

その他

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

CSS/HTML

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

ソフトウェア

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

ソフトウェア

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

インスピレーション

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

JavaScript

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

CSS/HTML

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

JavaScript

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

JavaScript

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