Tools & Resources

Webデザイン補助

サンプルコード付きのUIをgifアニメーションにしてギャラリー形式で収集している・「CodeMyUI.com」
ソフトウェア

Markdown記法で書いたドキュメントをePubやPDFに変換し、電子書籍化する・「GitBook」
JavaScript

textareaにオートコンプリート機能を加えるライブラリ・「jQuery.textcomplete」
Ads
JavaScript

JavaScript製の2D物理エンジン・「p2.js」
その他

スマフォアプリの簡易的なランディングページを手軽に作成、公開出来る・「LaunchKit App Websites」
Webデザイン補助

SVGの最適化や操作法、アニメーション等の使い方をまとめた・「SVG ON THE WEB」
JavaScript

React.jsベースのプレゼンテーションライブラリ・「Spectacle」
CSS/HTML

Google製のマテリアルデザインコンポーネントライブラリ・「Material Design Lite」
Webデザイン補助

様々なデバイスの画面サイズ等の情報を一覧化した・「Device Metrics」
その他

世界で行われてるサイバー攻撃をリアルタイムで可視化したマップサービス・「Norse Attack Map」
CSS/HTML

軽量でミニマルなCSSフレームワーク・「Thao Framework」
Webデザイン補助

モバイルサイト向けのWebサイトビルダー・「Mobirise」
JavaScript

Webサイトのアクセシビリティをチェックする為のライブラリ・「tota11y」
CSS/HTML

レスポンシブWebデザイン対応のミニマルなUIフレームワーク・「KATHAMO」
インスピレーション

ランディングページ専門のWebデザインギャラリー・「LAPA」
CSS/HTML

Twitter Bootstrapの有料/無料テンプレートを配布する・「ShapeBootstrap」
Webデザイン補助

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

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

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

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

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

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