Tools & Resources

プログラミング補助

様々なAPIを探せる検索エンジン・「APIS.io」
ソフトウェア

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

Webサイトのパフォーマンスチェックが出来るスクリプト・「PerfBar」
Ads
ソフトウェア

Google DriveやSkydriveのようなオープンソースのドキュメントエディタ・「WebSyn.ca」
Webデザイン補助

閲覧中のWebページに使われているCSSを解析してくれるChromeエクステンション・「CSS Dig」
CSS/HTML

シンプルで軽量なモバイルファーストのCSSフレームワーク・「Furtive」
その他

雨の音と一緒にジャズ等の音楽をランダムで流す・「Rain, Rhythm and Soul」
CSS/HTML

CSS3+HTML5のアニメーションを作成出来るOSSのエディタ・「Mixeek」
JavaScript

デバイス間のフォーム要素のスタイルに差異が出ないようにする為のライブラリ・「Formplate」
インスピレーション

3Dモデルを公開・シェア出来る・「Sketchfab」
JavaScript

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

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

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

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

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

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

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

WordPressプラグインのボイラープレート・「THE WORDPRESS PLUGIN BOILERPLATE」
Webデザイン補助

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

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

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

WordPressを使ったWebアプリ開発の支援を目的としたフレームワーク・「Themosis framework」
次のページ