
Webデザイナー向け


色とアクセシビリティの関係について、インタラクティブな操作で体感しながら学べる・「Color.review」

オープンソースのGoogle Image Charts代替・「QuickChart」

座標とタイムスタンプのデータをJSONで渡すとGoogleマップ上でその経路をアニメーション表示してくれるスクリプト・「maps-journey-replay」

どんなデバイスでも適切なフォントサイズにしてくれるスタイルシート・「RFS」

jQueryライクな構文でDOM操作を行うために開発された超軽量ライブラリ・「femtoJS」

任意のカラーの組み合わせのアクセシビリティをチェックしてくれる・「Accessible Brand Colors」

PSやSketchファイルも用意されたBootstrap 4ベースのオープンソースUIキット・「Material Kit」

URLの指定だけで人物アバターのダミーイラストを生成するサービス・「Joe Schmoe」

シンプルなSVGアイコンをカスタマイズ後にダウンロードできる・「ICONSVG」

JavaScriptでロングタップイベントを実装する・「long-press-event」

チームでオンラインのホワイトボードを共有できるコラボレーションツール・「Mixed」

個人でも商用でも利用無料でクレジットも不要のビデオストックサイト・「Mixkit」

1300もの汎用的で使いやすいアイコンとフォントをオープンソースで提供するプロジェクト・「Remix Icon」

ユーザースタイルシートをWebページ毎やドメイン毎にその場で設定、他デバイスでも同期出来るChromeエクステンション・「Amino」

手早く簡単にシンプルなチャートをユーザー登録不要、無料で作成し、画像で保存したり共有できる・「CHARTS FACTORY」

音楽版のUnsplashを目指す、著作権放棄の音楽を配布するプロジェクト・「WOWA」

シンプルで使いやすいアイコンを1000以上セットにして提供する・「Unicons」

豊富なコンポーネントを含んだBootstrap 4向けのフリーUIキット・「Fire」

オープンソースのオンライン請求書発行システム・「Invoice Neko」

CSSで作られたポップでカラフルなフォント・「CSSans Pro」
