Webディレクター向け

最適化ツール

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

inputに任意の接頭語を付与するスクリプト・「jquery-plugin-input-prefix」
インスピレーション

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

JSONやCSVでダミーデータを作成出来る・「dummi」
ソフトウェア

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

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

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

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

オートコンプリートの住所検索の為のスクリプト・「Algolia Places」
Webデザイン補助

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

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

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

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

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

PostCSSのプラグインを探せるカタログサイト・「PostCSS.parts」
JavaScript

非依存型で軽量、機能的なJavaScript製のモダンオーディオライブラリ・「howler.js」
インスピレーション

ReactやReact Nativeを使って作られたWebアプリをコレクションしている・「Made with React」
ソフトウェア

Githubのようなスタイルのコードスニペットやメモ等を作成、公開出来るオープンソースソフトウェア・「Gruik」
JavaScript

Instagramの写真をダウンロードする為のブックマークレット・「[instantgram]」
その他

TwitterやGoogle画像検索などで画像にマウスホバーするだけでその場で画像を拡大してくれるOSSのChromeエクステンション・「Hover Zoom+」
Webデザイン補助

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

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