Webデザイン補助
Sketch用のUIキットやモックアップ等のリソースをまとめた・「Sketch Repo」
Sketchでアイコンフォントを手軽に使えるようにするプラグイン・「sketch-iconfont」
高解像度な映像素材を無料で配布するストックビデオサイト・「FREE 4K STOCK FOOTAGE」
CC0の綺麗な写真素材を配布する・「Negative Space」
CC0ライセンスの綺麗な写真をダミー画像として使えるOSS・「Unsplash It」
サンプルコード付きのUIをgifアニメーションにしてギャラリー形式で収集している・「CodeMyUI.com」
SVGの最適化や操作法、アニメーション等の使い方をまとめた・「SVG ON THE WEB」
様々なデバイスの画面サイズ等の情報を一覧化した・「Device Metrics」
モバイルサイト向けのWebサイトビルダー・「Mobirise」
様々な企業が採用しているブランドカラーをまとめた・「BrandColors」
Webサイトの背景用の動画をCC0ライセンスで公開している・「Coverr」
商用利用も可能な動画やモーショングラフィックを無料配布するビデオストックサイト・「VIDEVO」
スマフォTodoリストアプリのPhotoshopとSketch向けUIキット・「Free to-do app UI kit for Photoshop and Sketch」
CSSのボックスモデルをインタラクティブに視覚化してくれる・「angular interactive box-model diagram」
背景色を指定するとWCAGのガイドラインに基づいたテキストカラーをピックアップしくれるカラーツール・「COLOR SAFE」
閲覧中のWebページのワイヤーフレームをオーバーレイ表示出来るChromeエクステンション・「Instant Wireframe」
レスポンシブWebデザインに対応している各CSSフレームワークや人気のライブラリの動作テストを手軽に行える・「Codeply」
FoundationやBootstrapを使用しているWebサイト上にグリッドを表示するブックマークレット・「Grid displayer」
llustratorで作成したAIファイルをHTMLにコンバートするスクリプト・「ai2html」
emやpx、remなど、CSSで使う単位のサイズを比較出来る・「CSS Ruler」