アクセスしたブラウザがHTML5をどの程度サポートしているか等のスコアを表示するOSS・「html5test」
html5test html5testはアクセスしたブラウザがHTML5をどの程度サポートしているかを表示してくれるツールです。オープンソースとしてもコードが公開されています。それぞれのカテゴリに分けられていて、各項目のサポートの有無...
Resource - Archives
オープンソースのBootstrapテーマジェネレーター・「Bootstrap Magic」
Bootstrap Magic Bootstrap Magicはブラウザ上でBootstrapのテーマを作成出来るツールです。OSSとしてソースコードも公開されています。テキストやボタンに限らず、リストやページネーション、タブなどの各...
ブラウザ上で動作するオープンソースのクラウドコードエディター・「Code Your Cloud」
Code Your Cloud Code Your Cloudはブラウザ上で動作するクラウドコードエディターです。Googleドライブを経由する仕様みたいですね。必要最低限の機能は持っている印象でした。対応言語のサポート数も結構な数で...
オープンソースで公開されている議論プラットフォーム・「Discourse」
Discourse DiscourseはOSSとしてソースコードが公開されているディスカッションプラットフォームです。RubyとJSで書かれてるみたい。メーリングリストやチャット、フォーラム構築などに対応可能でスマフォやタブレットでも...
ターミナル操作をテキストベースで録画、公開出来るオープンソースのソフトウェア・「Asciinema」
Asciinema Asciinemaはターミナルの操作をテキストベースで録画、公開出来るWebサービスです。上記のように任意のWebページにembedする事も可能。テキストのままスクリーンキャストを撮れるので動画内のテキストをコピー...
Webサイトの背景用の動画をCC0ライセンスで公開している・「Coverr」
Coverr CoverrはWebサイトの背景用の動画をパブリックドメインで公開、配布しているWebサイトです。毎週月曜日に7つの動画を配布するみたい。動画を背景にする為のJavaScriptやCSS、HTML等のコードも書いてくれて...
ドラッグ＆ドロップでレスポンシブWebデザイン対応のWordPressテーマを管理画面内で作成・「Themify Flow」
Themify Flow Themify Flowはドラッグ＆ドロップでRWD対応のWordPressテーマを作成する事が出来るテーマビルダーです。WordPressテーマとして動作するようで、管理画面内で作成する事が出来ます。と言っ...
シンプルでミニマル設計のReactライクな軽量UIライブラリ・「Riot.js」
Riot.js Riot.jsはミニマル設計でReactライクなUIライブラリです。Muutというコメントプラットフォームを提供する企業が開発、公開したライブラリで圧縮版で3.5KBと軽量ながらパワフルな機能を持っている印象でした。V...
手軽にグラフを作成し、PDFやPNG、SVG等でダウンロード出来る・「Really Easy Charts」
Really Easy Charts Really Easy Chartsはお手軽簡単にグラフを作成し、PDFやPNG、SVGなどのフォーマットでダウンロード出来るソフトウェアです。グラフのタイプ（線グラフ、棒グラフ、円グラフ）を選択...
高品質な写真素材を提供するユーザー参加型ストックフォトサイト・「tookapic stock photos 」
tookapic stock photos tookapic stock photosはユーザー参加型のストックフォトサイトです。と言ってしまうと少し語弊があるのですが、tookapic.comはフォトグラファーのスキルアップとモチベ...
Bootstrapの為のカード型UIフレームワーク・「Bootcards」
Bootcards BootcardsはBootstrapの為のカード型UIフレームワークです。カード型UIとは最近TwitterやGoogle等が提唱し始めたスタイル（？）です（参照：Twitterカード、Google Now カー...
任意の画像を元にしたグラデーションカラーをCSSで作成する・「Gradify」
Gradify Gradifyは任意の画像に沿ったグラデーションカラーを作成、CSSで提供してくれるOSSです。画像の中で印象的な色を取り出して、そのカラーコードを元にCSSグラデーションを作成出来る、というもののようですね。用途は僕...
商用利用も可能な動画やモーショングラフィックを無料配布するビデオストックサイト・「VIDEVO」
VIDEVO VIDEVOは動画やモーショングラフィックを無料で配布する動画ストックサイトです。結構な数が用意されてるみたいですね。商用利用も可能ですが、クレジットの有無等、詳細はそれぞれ異なるので利用の際はご確認下さい。ダウンロード...
知りたいWeb制作技術を複数の学習サイトや質問サイトから横断検索して回答を検索できる・「Recalll」
Recalll Recalllは質問内容を入力すると、複数の学習サイトや質問サイトを横断検索して回答を検索することが出来るWebサービスです。主にWeb制作に関する回答を出すのが目的のようです。html.netやW3Schools、S...
スマフォTodoリストアプリのPhotoshopとSketch向けUIキット・「Free to-do app UI kit for Photoshop and Sketch」
Free to-do app UI kit for Photoshop and Sketch Free to-do app UI kit for Photoshop and SketchはスマフォTodoリストアプリの為のPhotos...
CSSのボックスモデルをインタラクティブに視覚化してくれる・「angular interactive box-model diagram」
angular interactive box-model diagram angular interactive box-model diagramはCSSにおけるボックスモデルをインタラクティブに視覚化してくれるツールです。サイズ...
タッチデバイスにも対応のシンプルなホワイトボード共有ツール・「Whiteboard」
Whiteboard Whiteboardはシンプルなホワイトボードアプリです。URLを発行するだけなので複数人でホワイトボードを共有する事が出来ます。Google社内に置いてあるホワイトボードっぽい感じで気軽に使いたい、みたいなクリ...
イメージギャラリー等で使うようなグリッドレイアウトでアイテムの数に関係なく幅を揃えてくれるスクリプト・「Layout Balancer」
Layout Balancer Layout Balancerはイメージギャラリー等でよく使われているグリッドレイアウトで、アイテムの数に関係なく幅を揃えてくれるスクリプトです。jQueryに依存しています。語彙が乏しいのでうまく...
パフォーマンスデータ表示の為のダッシュボードシステム・「Tipboard」
Tipboard Tipboardはビジネスデータやパフォーマンスを表示する為のダッシュボードシステムです。PythonとJavaScriptで書かれており、OSSとしてソースコードが公開されています。初期スタイルも見やすそうで良いで...
Dribbbleに投稿された作品をシンプルなインターフェースで閲覧出来る・「Dribbbleboard」
Dribbbleboard DribbbleboardはDribbbleに投稿された作品をシンプルなインターフェースでブラウジング出来るクライアントツールです。ソートは人気の作品、すべての作品、最新の作品のみで、ギャラリー形式に作品が...
写真から3Dモデルを作成出来る・「Smoothie-3D」
Smoothie-3D Smoothie-3Dは写真から3Dモデリングを自動で行ってくれるWebサービスです。任意の写真をトレースすると自動で3Dモデルを作成してくれる、というもの。ざっくりと輪郭を、というのではなく、3Dにしたい対象...
複数のJavaScriptライブラリを1つのファイルにまとめて圧縮してくれる・「Javascript Library Generator」
Javascript Library Generator Javascript Library Generatorは複数のJSライブラリをひとまとめにして圧縮してくれるパッケージツールです。数多のライブラリを選択してダウンロードするだ...