Wikipediaを読みやすいレイアウトに変えるブックマークレット・「Wikibeautiful」
Wikibeautiful WikibeautifulはWikipediaで閲覧中のページを読みやすいレイアウトに変更するブックマークレットです。閲覧してるページでブックマークレットを起動するだけで上記のようにシンプルなスタイルに変更...
Resource - シンプル
Dribbbleに投稿されたUIキットやモックアップ等のリソースをピックアップして配信する・「Psddd」
Psddd PsdddはDribbbleに投稿されたUIキットやモックアップ、ボタンや背景、ナビゲーションなどなど、Web制作に使えそうな高品質なリソースをピックアップして配信するWebサイトです。ざっと見るのに良いかもしれませんね。...
シームレスな背景パターンを作成できるジェネレーター・「Background Image Generator」
Background Image Generator Background Image Generatorはシームレスな背景パターンを作成出来るジェネレーターです。背景の色や素材、形状、ノイズ等を選んでダウンロードするだけとお手軽で素...
シンプルなタスク管理Webアプリを構築出来るOSS・「TaskBoard」
TaskBoard TaskBoardはサーバーインストール型のシンプルなPHP製タスク管理ツールです。オープンソースとして公開されています。アクセスしてタスクの追加、進行中のタスク、終了したタスクの一覧が表示される、というシンプルな...
スマフォアプリの簡易的なランディングページを手軽に作成、公開出来る・「LaunchKit App Websites」
LaunchKit App Websites LaunchKit App Websitesはスマフォアプリのランディングページを手軽に作成、公開出来るWebサービスです。自分のアプリをキーワード検索で探して選ぶだけでストアに公開済みの...
様々なデバイスの画面サイズ等の情報を一覧化した・「Device Metrics」
Device Metrics Device Metricsは各モバイルデバイスやタブレット、ウェアラブルデバイス（今は主に時計）などのそれぞれの画面に関する情報をまとめたWebサイトです。Google公式の情報ですが、Apple製品や...
レスポンシブWebデザイン対応のミニマルなUIフレームワーク・「KATHAMO」
KATHAMO KATHAMOはRWD対応のミニマルなCSSフレームワークです。モバイルフレンドリーなフォームやテーブル、リストやアラートなどのコンポーネントが用意されていますが、本当に必要最低限しか用意されていない印象です。個人的に...
ランディングページ専門のWebデザインギャラリー・「LAPA」
LAPA LAPAはLP専門のWebデザインギャラリーサイトです。Tumblrが使われています。所謂シングルページ、ペライチなサイトのWebデザインを収集しているみたいです。何年か前にも日本で見かけましたが、こちらは海外のWebサイト...
アクセスしたブラウザがHTML5をどの程度サポートしているか等のスコアを表示するOSS・「html5test」
html5test html5testはアクセスしたブラウザがHTML5をどの程度サポートしているかを表示してくれるツールです。オープンソースとしてもコードが公開されています。それぞれのカテゴリに分けられていて、各項目のサポートの有無...
オープンソースのBootstrapテーマジェネレーター・「Bootstrap Magic」
Bootstrap Magic Bootstrap Magicはブラウザ上でBootstrapのテーマを作成出来るツールです。OSSとしてソースコードも公開されています。テキストやボタンに限らず、リストやページネーション、タブなどの各...
手軽にグラフを作成し、PDFやPNG、SVG等でダウンロード出来る・「Really Easy Charts」
Really Easy Charts Really Easy Chartsはお手軽簡単にグラフを作成し、PDFやPNG、SVGなどのフォーマットでダウンロード出来るソフトウェアです。グラフのタイプ（線グラフ、棒グラフ、円グラフ）を選択...
知りたいWeb制作技術を複数の学習サイトや質問サイトから横断検索して回答を検索できる・「Recalll」
Recalll Recalllは質問内容を入力すると、複数の学習サイトや質問サイトを横断検索して回答を検索することが出来るWebサービスです。主にWeb制作に関する回答を出すのが目的のようです。html.netやW3Schools、S...
CSSのボックスモデルをインタラクティブに視覚化してくれる・「angular interactive box-model diagram」
angular interactive box-model diagram angular interactive box-model diagramはCSSにおけるボックスモデルをインタラクティブに視覚化してくれるツールです。サイズ...
タッチデバイスにも対応のシンプルなホワイトボード共有ツール・「Whiteboard」
Whiteboard Whiteboardはシンプルなホワイトボードアプリです。URLを発行するだけなので複数人でホワイトボードを共有する事が出来ます。Google社内に置いてあるホワイトボードっぽい感じで気軽に使いたい、みたいなクリ...
Dribbbleに投稿された作品をシンプルなインターフェースで閲覧出来る・「Dribbbleboard」
Dribbbleboard DribbbleboardはDribbbleに投稿された作品をシンプルなインターフェースでブラウジング出来るクライアントツールです。ソートは人気の作品、すべての作品、最新の作品のみで、ギャラリー形式に作品が...
閲覧中のWebページのワイヤーフレームをオーバーレイ表示出来るChromeエクステンション・「Instant Wireframe」
Instant Wireframe Instant Wireframeは閲覧中のWebページのワイヤーフーレムを表示するChrome拡張です。起動すると閲覧しているWebページの画像部分がダミー画像になったりコンテナがオーバーレイ表示...
フリーの写真を公開している複数のストックフォトサイトからまとめて探せるMacアプリ・「Zoommy」
Zoommy Zoommyはフリーの写真素材を公開しているストックフォトサイトを1箇所に集めて探しやすくしたMacアプリです。現在18のストックフォトサイトが纏められており、どのサイトも素敵な写真がCC0などのライセンスで公開されてい...
商用でも無料で使えて著作権表記も不要のBGM配布サイト・「ノスタルジア」
ノスタルジア ノスタルジアは商用でも無料で使える国産のBGM配布サイトです。著作権表記も不要との事。こちらではノスタルジックな音を中心に、イメージやジャンルから探すことが出来ます。姉妹サイトに甘茶の音楽工房も有り。配布数は工房さんの方...
データを可視化する為のグラフ描画JavaScriptライブラリをまとめた・「JSGraphs」
JSGraphs JSGraphsはデータ可視化の為のJSライブラリをまとめているWebサイトです。左カラムの各項目でライブラリをJquery依存のもの、無償利用可能なもの、SVGを使ったもの等に絞ることが可能です。SSにマウスホバー...
Web上にある記事やPDFファイル、動画やリンク、プレゼン等をプレイリスト化してチームで共有出来る・「Gibbon」
Gibbon GibbonはWeb上にある記事やPDF、動画等をプレイリストにしてチームで共有する事ができるツールです。主に学習用に開発されたみたいですね。同じ学習目的を持った者同士でオンライン上にあるリソースを共有しよう、というもの...
アクセスするだけで使用ブラウザのバージョンやOS、IPアドレス等を把握出来る・「yourbrowser.is」
yourbrowser.is yourbrowser.isはアクセスするだけで使用しているブラウザのバージョンやOS、IPアドレスやJavaのバージョンなどを表示してくれるWebサービスです。他にもモニタサイズや現在のブラウザのウィン...
404ページやメンテナンスページを作成出来る・「Better Error Pages」
Better Error Pages Better Error Pagesは404ページや503ページ、メンテナンスページ等を作成出来るWebサービスです。URLやメールアドレスなど、必要な情報を入力し、スタイルするだけ。テンプレート...