
Tools & Resources


任意の色の組合せでアクセシビリティチェック出来る・「Hex Naw」

Webサイトの訪問者の簡易的なデータを取得するスクリプト・「Purser」

accessibleなカラーパレットの作成をサポートしてくれる・「Accessible color palette builder」

データやイベントを簡易的に可視化するタイムシート作成ライブラリ・「timesheet.js」

シンプルなLPを作成出来るWebサイトビルダー・「Prelaunch & landing page builder」

吹き出しの形をしたいろいろな表情の絵文字セット・「speakemoji」

ユーザー登録不要で使える超ミニマルなノートアプリ・「Notepin」

シンプルでベーシックなレスポンシブWebデザインのグリッドレイアウト・「Spacegrid CSS」

SVGを背景に使ったポップアップを実装するスクリプト・「jQuery-svg-popup」

カフェ等のノイズ音をBGMに出来るWebサービス・「Hipster Sound」

軽量でレスポンシブ、スタイルも選べるナビゲーションメニューのスタイルシート・「LUXBAR」

シンプルで見やすいHTMLリファレンス・「htmlreference.io」

美しいグラデーションを大量に収集、CSSをコピーできる・「WebGradients」

データの可視化に関するツールや知識、リソースをまとめている・「dataviz.tools」

ディープラーニングでHTMLにclassを自動付与してくれる・「CSSRooster」

液体の流れをリアルに再現したOSSのペイントツール・「Fluid Paint」

任意のWordPressのテーマのスタイルをチェックできるテスト用データ・「WP Test」

さまざまなフォームのスタイルサンプルとコードを大量にまとめた・「77 CSS Forms」

Sketch向けのフローチャートキット・「uxflow」

個人/チームで使える、クリエイティブなアイデアをまとめるノートアプリ・「Milanote」
