ジェネレーター Tools & Resources
ジェネレーター Webデザイン補助 ストックフォトやフォント、アイコン、カラースキームやチュートリアル等、Web制作に役立つツールやリソースを収集、公開している・「PinTab」
JavaScript 手軽に画像にパララックス効果を与えられるスクリプト・「simpleParallax」
ソフトウェア 商用でも無料で使えるフォントを定期的に紹介する・「WeeklyFonts.com」
編集ツール 複数ユーザーで共同作業も可能な、簡単に使えるシンプルなフローチャート作成ツール・「Wireflow」
共有系サイト ユーザー登録不要で使えるチャット機能付きのホワイトボードツール・「Draw.Chat」
CSS/HTML CSSのみで実装できる超軽量なツールチップライブラリ・「Microtip」
その他 Todoリストやカンバン、マインドマップやスケジュールカレンダー等の機能を持ったプロジェクト管理ツール・「Zenkit」
JavaScript 任意のWebページにGoogle sheetやTrello等の簡易的な管理ツールを導入できる・「Integrations.js」
CSS/HTML フレキシブルなclass名を意識して設計されたCSSフレームワーク・「Biomatic UI」
JavaScript 任意の画像からカラーパレットを作成するスクリプト・「Color Thief」
CSS/HTML ベーシックなスタイルで軽量、コンポーネントも揃えられたCSSフレームワーク・「chota」
最適化ツール HTMLやCSS、JavaScriptのコードを綺麗に整形してくれる・「DirtyMarkup」
その他 線で描かれたシンプルなアイコン200以上を配布する・「Iconbros」
ソフトウェア Rails+Vueで作られたTodoistのクローン・「TUDU」
CSS/HTML Bootstrap 4向けのモダンで軽量なUIキット・「Shards」
Webデザイン補助 UI制作の際に役立ちそうなツールやリソース等の情報をまとめた・「designer lynx」
ジェネレーター 任意の画像をデバイス画像に合成し、任意の画像やテキストも挿入できるモックアップ作成ツール・「MOCKUP GENERATOR」
CSS/HTML 手書き風なゆるいスタイルのCSSフレームワーク・「PaperCSS」
CSS/HTML Animate.cssをサポートしてくれるスクリプト・「jquery.animator.js」
CSS/HTML UI開発速度を上げるために作られたユーティリティファーストなCSSフレームワーク・「Tailwind CSS」
JavaScript