Tools & Resources

CSS/HTML

flexboxベースのミニマルなCSSモバイルファーストグリッド・「Plasma Grid」

JavaScript

Vue.jsのコンポーネントフレームワーク・「Vuetify」

ソフトウェア

文章内にグラフを表示するスパークラインを実装出来るOSSなフォント・「Spark」

Ads
Webデザイン補助

Webデザインギャラリーに掲載したWebサイトと連動したカラーパレットサービス・「Colors」

CSS/HTML

ユニークな動きも用意されたCSSアニメーションライブラリ・「Dynamic.css」

Webデザイン補助

FeatherやFont Awesomeなどのアイコンを色やサイズをパスに指定するだけで表示できる・「icongram」

ソフトウェア

人物の顔写真を解析して、その顔を自動で3D化する・「3D Face Reconstruction」

Webデザイン補助

クリックするだけでPantoneカラーをhexコードでコピーできる・「Pantone colors」

その他

フロントエンド開発に貢献してくれそうなツールやフレームワーク、ニュース記事等を収集している・「Front-end Tools」

その他

24時間でタスクが自動削除される超シンプルなTodoアプリ・「Gone」

CSS/HTML

AIによって作られたカラフルなCSSフレームワーク・「Unnamed」

インスピレーション

タイポグラフィの為のデザインギャラリー・「fontinspiration.com」

その他

色名のない色に名前をつけよう、というプロジェクト・「color-names」

JavaScript

現在の時刻に応じて、時刻に見合ったさまざまなメッセージを表示出来るスクリプト・「tidyTime.js」

CSS/HTML

任意のテキストにさまざまなアニメーションエフェクトを付与するスタイルシート・「cssanimation」

編集ツール

数式を専門とするオンラインのWYSIWYGエディタ・「Mathcha」

ソフトウェア

Chromeの強力なタブ管理エクステンション・「Freezetab」

JavaScript

縦に長いtableのヘッダーをstickyにするスクリプト・「jquery.stickyTableHeader 」

CSS/HTML

シンプル、スマート、モダンを特徴としたモバイルファーストなCSSフレームワーク・「TURRETCSS」

JavaScript

Vue.jsに関するリソースやコンポーネント、フレームワーク等を大量にまとめたコレクション・「Awesome Vue.js」

ソフトウェア

国産のオープンソースなメモアプリ、Boostnoteのスマフォアプリ版・「Boostnote mobile」

CSS/HTML

CSSでスタイリングしたいろいろなチェックボックスのライブラリ・「CSS Checkbox Library」