Tools & Resources

CSS/HTML

Font Awesomeのアイコンフォントにアニメーションエフェクトを加える為のCSS・「Font Awesome Animation」

編集ツール

オープンソースで公開されているベクターグラフィックエディタWebアプリ・「Mondrian」

JavaScript

ダイアグラムを生成出来るJSライブラリ・「JointJS」

Ads
Webデザイン補助

Fireworksの拡張機能を配布する・「Project Phoenix」

その他

シンプルなジョブボードを設置できるWordPressプラグイン・「WP Job Manager」

ソフトウェア

コードスニペットの共有サイトを構築する為のオープンソースソフトウェア・「canSnippet」

Webデザイン補助

背景に使えるパターン画像を収集、配布する・「The Pattern Library」

編集ツール

描いたものがアスキーアートになるドローツール・「Asciiflow」

Webデザイン補助

RWD施行時に使える、デバイス毎のモニターサイズを視覚的に把握できるチートシート・「Responsive Web Design Cheat Sheet」

その他

ブラウザのアドレスバーに任意のURLを貼るだけで完了するWebブックマークサービス・「Saved.io」

その他

Google公式のWordPressプラグイン・「Google Publisher Plugin」

CSS/HTML

SASS対応のモバイルファーストなレスポンシブWebデザイン向けCSSフレームワーク・「Sculpt」

ソフトウェア

OSSとしても公開されている、ソーシャルアプリ開発の為のプラットフォーム・Anahita

ジェネレーター

Google Mapのカスタマイズ用ツール・「Google Map Builder」

ソフトウェア

OSSとして公開された先進的なIDE・「Light Table」

プログラミング補助

Zepto.jsで使える様々なモジュールから使用するものだけを選択して組み込める・「Zepto Builder」

ソフトウェア

プロジェクト管理システムを構築する為のオープンソースソフトウェア・「OpenProject」

Webデザイン補助

iPadやiPhoneなどのデバイス向けのフラットデザインなモックアップ用素材・「Flat Apple’s Devices Mockup」

インスピレーション

合字を用いたタイポグラフィのデザインギャラリーサイト・「I Love Ligatures」

フレームワーク

オープンソースの電子書籍作成フレームワーク・「Bookshop」

CSS/HTML

クオリティの高めなTwitter Bootstrapテーマを紹介する・「Black Tie」

ソフトウェア

シンプルで軽量なオープンソースのCMS・「Cockpit」