JavaScript Webデザイナー向け
JavaScript ジェネレーター 日本にも対応のシンプルな印刷用カレンダーを作れる・「Calendar Generator」
CSS/HTML 軽量でレスポンシブ対応の、classを使わないCSSフレームワーク・「Water.css」
ソフトウェア Markdownでナレッジを共有できるプラットフォーム・「CodiMD」
Webデザイン補助 ログインページや値段表、コンタクトフォームなどのUI/UXをより良くするためのチェックリスト・「Checklist Design」
Webデザイン補助 アクセシビリティツールやデザインバージョン管理、モックアップや3Dモデリングなど、様々なデザイナーに役立ちそうなツールやリソースのまとめ・「Awesome Design Tools」
Webデザイン補助 サンプルのUIを確認しながらカラースキームを作成、様々なコードでエクスポートできる・「Geenes」
CSS/HTML よく見かけるCSSアニメーションエフェクトのスニペットコードをコピーできる・「CSSeffectsSnippets」
ジェネレーター 任意のWebサイト等のスクリーンショットを、簡易的なモックアップ画像に変換してくれる・「mockdowns」
ジェネレーター オープンソースのアバターイラスト作成ジェネレーター・「Avataaars Generator」
JavaScript スクロールに応じて要素にアニメーションエフェクトを付与できるシンプルで軽量なスクリプト・「lax.js」
ジェネレーター プレーンテキストでデータを入力すると自動でチャートを生成してくれるWebアプリ・「FastCharts」
Webデザイン補助 色とアクセシビリティの関係について、インタラクティブな操作で体感しながら学べる・「Color.review」
ソフトウェア オープンソースのGoogle Image Charts代替・「QuickChart」
JavaScript 座標とタイムスタンプのデータをJSONで渡すとGoogleマップ上でその経路をアニメーション表示してくれるスクリプト・「maps-journey-replay」
CSS/HTML どんなデバイスでも適切なフォントサイズにしてくれるスタイルシート・「RFS」
JavaScript jQueryライクな構文でDOM操作を行うために開発された超軽量ライブラリ・「femtoJS」
Webデザイン補助 任意のカラーの組み合わせのアクセシビリティをチェックしてくれる・「Accessible Brand Colors」
複合/その他 PSやSketchファイルも用意されたBootstrap 4ベースのオープンソースUIキット・「Material Kit」
ジェネレーター URLの指定だけで人物アバターのダミーイラストを生成するサービス・「Joe Schmoe」
その他 シンプルなSVGアイコンをカスタマイズ後にダウンロードできる・「ICONSVG」
JavaScript