Tools & Resources
シンプルでスケーラブル、メンテナンス性も意識して設計されたCSSフレームワーク・「zap」
オープンソースの様々なライセンスのざっくりした特徴が一目で分かる早見表・「Choose a License | Appendix」
MediumのようなエディターをWordPressに導入できるプラグイン・「WP Medium Editor」
シンプルで使いやすい、モバイルフレンドリーなFlexboxベースのCSSフレームワーク・「Framy」
一定の幅にテキストをフィットさせてくれるスクリプト・「Fitty」
グラフや図など、データ可視化の表現パターンをギャラリー化して紹介する・「Data Viz Project」
flexboxベースのミニマルなCSSモバイルファーストグリッド・「Plasma Grid」
Vue.jsのコンポーネントフレームワーク・「Vuetify」
文章内にグラフを表示するスパークラインを実装出来るOSSなフォント・「Spark」
Webデザインギャラリーに掲載したWebサイトと連動したカラーパレットサービス・「Colors」
ユニークな動きも用意されたCSSアニメーションライブラリ・「Dynamic.css」
FeatherやFont Awesomeなどのアイコンを色やサイズをパスに指定するだけで表示できる・「icongram」
人物の顔写真を解析して、その顔を自動で3D化する・「3D Face Reconstruction」
クリックするだけでPantoneカラーをhexコードでコピーできる・「Pantone colors」
フロントエンド開発に貢献してくれそうなツールやフレームワーク、ニュース記事等を収集している・「Front-end Tools」
24時間でタスクが自動削除される超シンプルなTodoアプリ・「Gone」
AIによって作られたカラフルなCSSフレームワーク・「Unnamed」
タイポグラフィの為のデザインギャラリー・「fontinspiration.com」
色名のない色に名前をつけよう、というプロジェクト・「color-names」
現在の時刻に応じて、時刻に見合ったさまざまなメッセージを表示出来るスクリプト・「tidyTime.js」