
Webデザイナー向け


SVGアイコンをアニメーションエフェクト付きで切り替える為のスクリプト・「SVG Morpheus」

行単位でCSSを適応させるスクリプト・「LINING.JS」

マテリアルデザインを取り入れたレスポンシブWebデザイン対応のCSSフレームワーク・「Materialize」

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

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

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

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

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

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

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

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

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

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

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

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

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

画像をアップロードして色覚異常をシミュレート出来る・「Coblis」

デザイナー向けのソーシャルなポートフォリオ・「socialdoe」

CC0のライセンスで自由に使える動画を配布する・「Life of Vids」

書いたHTMLを任意のデバイスでリアルタイムプレビュー出来る・「snap tomato」
