
Webデザイナー向け


カスタムなGoogle Mapを手軽に作成出来るサービス・「EZ Map」

Webページのパフォーマンスチェックの結果をヒートマップで表示するブックマークレット・「Perfmap」

inputに任意の接頭語を付与するスクリプト・「jquery-plugin-input-prefix」

Webサービス等によくある「料金ページ」のデザインを収集しているギャラリーサイト・「Pricing Pages」

JSONやCSVでダミーデータを作成出来る・「dummi」

各ソーシャルサイトの共有ボタンを作成、コードをコピー出来るOSS・「Sharingbuttons.io」

レスポンシブWebデザインにも対応できるオープンソースのプロトタイピングツール・「PrototypeBrewery.io」

インライン編集が可能なオープンソースのブログプラットフォーム・「Postleaf」

Web制作のスピードを早める為に作られたモジュール式の軽量CSSフレームワーク・「BlazeCSS」

オートコンプリートの住所検索の為のスクリプト・「Algolia Places」

デザイナー向けリソースをコレクションしたキュレーションサイト・「Sans Francisco」

ECサイト専門のWebデザインギャラリー・「Cart Craze」

リアルタイムにグラフを描けるチャートライブラリ・「Epoch」

軽量、レスポンシブでエレガントなモーダルウィンドウを実装出来るjQueryプラグイン・「iziModal」

textareaを使ったMarkdownエディタライブラリ・「Markdown Text Editor」

各UXツールの特徴等をテーブルでチェック、比較出来る・「UX Tools」

Webサイトのテキストのスタイルを作成、CSSでダウンロードできる・「Type Nugget」

Markdownでプレゼンテーションを作成出来る日本国産のオープンソースソフトウェア・「Marp」

カルーセルやアコーディオン、ドロップダウンメニューなどをCSSのみで実装するコードを集めた・「You Don’t Need JavaScript」

要素をシェイクさせるスタイルシート・「CSShake」
