Tools & Resources

インスピレーション

Dribbbleに投稿された作品をシンプルなインターフェースで閲覧出来る・「Dribbbleboard」

ジェネレーター

写真から3Dモデルを作成出来る・「Smoothie-3D」

プログラミング補助

複数のJavaScriptライブラリを1つのファイルにまとめて圧縮してくれる・「Javascript Library Generator」

Ads
プログラミング補助

jQueryを使わずに~したい、を調べられる逆引きリファレンス・「Plain JavaScript」

Webデザイン補助

背景色を指定するとWCAGのガイドラインに基づいたテキストカラーをピックアップしくれるカラーツール・「COLOR SAFE」

CSS/HTML

ベーシックで使いやすそうなBootstrap向け管理画面テンプレート・「Gentallela」

ソフトウェア

小規模チーム向けのオープンソースのチャットツール・「Let’s Chat」

Webデザイン補助

閲覧中のWebページのワイヤーフレームをオーバーレイ表示出来るChromeエクステンション・「Instant Wireframe」

JavaScript

ツリー構造のリストアイテムをドラッグでソート出来るスクリプト・「Jquery sortable lists」

インスピレーション

フリーの写真を公開している複数のストックフォトサイトからまとめて探せるMacアプリ・「Zoommy」

その他

CSSのA to Zを動画で学べる学習サイト・「A to Z CSS」

CSS/HTML

シンプルでクリーンなモバイルファーストのCSSフレームワーク・「Outline」

JavaScript

データの編集やソート、ページングにも対応した軽量なデータグリッドを実装するスクリプト・「jsGrid」

ソフトウェア

ブラウザで動くオープンソースの正規表現テストツール・「RegExr」

その他

商用でも無料で使えて著作権表記も不要のBGM配布サイト・「ノスタルジア」

JavaScript

データを可視化する為のグラフ描画JavaScriptライブラリをまとめた・「JSGraphs」

Webデザイン補助

レスポンシブWebデザインに対応している各CSSフレームワークや人気のライブラリの動作テストを手軽に行える・「Codeply」

JavaScript

軽量なWYSIWYGエディタを実装する為のjQueryプラグイン・「Trumbowyg」

共有系サイト

3Dなピクセルアートを作成、共有出来る・「Crossyards」

その他

Web上にある記事やPDFファイル、動画やリンク、プレゼン等をプレイリスト化してチームで共有出来る・「Gibbon」

その他

Web制作者向けに写真素材サイトやフォント配布サイトなどのリソースをまとめている・「Makerbook」

JavaScript

画像にウォーターマークを付与出来るスクリプト・「watermark.js」