Tools & Resources

Webデザイン補助

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

JavaScript

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

CSS/HTML

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

Ads
インスピレーション

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

CSS/HTML

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

Webデザイン補助

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

その他

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

ジェネレーター

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

ソフトウェア

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

ソフトウェア

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

ソフトウェア

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

Webデザイン補助

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

フレームワーク

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

JavaScript

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

ソフトウェア

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

その他

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

CSS/HTML

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

JavaScript

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

Webデザイン補助

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

その他

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

Webデザイン補助

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

Webデザイン補助

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