
Tools & Resources


Twitter Bootstrapの有料/無料テンプレートを配布する・「ShapeBootstrap」

様々な企業が採用しているブランドカラーをまとめた・「BrandColors」

アクセスしたブラウザがHTML5をどの程度サポートしているか等のスコアを表示するOSS・「html5test」

オープンソースのBootstrapテーマジェネレーター・「Bootstrap Magic」

ブラウザ上で動作するオープンソースのクラウドコードエディター・「Code Your Cloud」

オープンソースで公開されている議論プラットフォーム・「Discourse」

ターミナル操作をテキストベースで録画、公開出来るオープンソースのソフトウェア・「Asciinema」

Webサイトの背景用の動画をCC0ライセンスで公開している・「Coverr」

ドラッグ&ドロップでレスポンシブWebデザイン対応のWordPressテーマを管理画面内で作成・「Themify Flow」

シンプルでミニマル設計のReactライクな軽量UIライブラリ・「Riot.js」

手軽にグラフを作成し、PDFやPNG、SVG等でダウンロード出来る・「Really Easy Charts」

高品質な写真素材を提供するユーザー参加型ストックフォトサイト・「tookapic stock photos 」

Bootstrapの為のカード型UIフレームワーク・「Bootcards」

任意の画像を元にしたグラデーションカラーをCSSで作成する・「Gradify」

商用利用も可能な動画やモーショングラフィックを無料配布するビデオストックサイト・「VIDEVO」

知りたいWeb制作技術を複数の学習サイトや質問サイトから横断検索して回答を検索できる・「Recalll」

スマフォTodoリストアプリのPhotoshopとSketch向けUIキット・「Free to-do app UI kit for Photoshop and Sketch」

CSSのボックスモデルをインタラクティブに視覚化してくれる・「angular interactive box-model diagram」

タッチデバイスにも対応のシンプルなホワイトボード共有ツール・「Whiteboard」

イメージギャラリー等で使うようなグリッドレイアウトでアイテムの数に関係なく幅を揃えてくれるスクリプト・「Layout Balancer」
