知りたいWeb制作技術を複数の学習サイトや質問サイトから横断検索して回答を検索できる・「Recalll」
Recalll Recalllは質問内容を入力すると、複数の学習サイトや質問サイトを横断検索して回答を検索することが出来るWebサービスです。主にWeb制作に関する回答を出すのが目的のようです。html.netやW3Schools、S...
Resource - Webディレクター向け
スマフォ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ライブラリをひとまとめにして圧縮してくれるパッケージツールです。数多のライブラリを選択してダウンロードするだ...
jQueryを使わずに～したい、を調べられる逆引きリファレンス・「Plain JavaScript」
Plain JavaScript Plain JavaScriptはjQueryを使わずにDOM操作等を行う方法を調べることが出来る逆引きリファレンスサイトです。jQueryはJavaScriptに詳しくなくても容易にDOM操作を可能...
背景色を指定するとWCAGのガイドラインに基づいたテキストカラーをピックアップしくれるカラーツール・「COLOR SAFE」
COLOR SAFE COLOR SAFEは背景色を設定すると、WCAGガイドラインに基づいたテキストカラーをパレットにして提出してくれるアクセシビリティカラーツールです。任意のテキスト、フォントの種類やサイズ、太さの指定も可能となっ...
ベーシックで使いやすそうなBootstrap向け管理画面テンプレート・「Gentallela」
Gentallela GentallelaはベーシックなBootstrap Adminテンプレートです。ゴチャゴチャしておらず、使いやすそうな印象でした。チャートやカレンダー、フォーム等だけでなく、請求書やデータグリッドなどのスタイル...
閲覧中のWebページのワイヤーフレームをオーバーレイ表示出来るChromeエクステンション・「Instant Wireframe」
Instant Wireframe Instant Wireframeは閲覧中のWebページのワイヤーフーレムを表示するChrome拡張です。起動すると閲覧しているWebページの画像部分がダミー画像になったりコンテナがオーバーレイ表示...
ツリー構造のリストアイテムをドラッグでソート出来るスクリプト・「Jquery sortable lists」
Jquery sortable lists Jquery sortable listsはツリー構造のリストのアイテムをドラッグで自由にソートできるスクリプトです。アイテム単体に限らず、ネストされたリストごと任意の他リストへ移動する事が...
フリーの写真を公開している複数のストックフォトサイトからまとめて探せるMacアプリ・「Zoommy」
Zoommy Zoommyはフリーの写真素材を公開しているストックフォトサイトを1箇所に集めて探しやすくしたMacアプリです。現在18のストックフォトサイトが纏められており、どのサイトも素敵な写真がCC0などのライセンスで公開されてい...
CSSのA to Zを動画で学べる学習サイト・「A to Z CSS」
A to Z CSS A to Z CSSはデザイナーや開発者が動画でCSSの基本から応用までを学べる学習サイト。本サイトでフロントエンド開発スキルを磨いて欲しいとの事。当然全て英語になっていますが、英語がダメでも動画によっては映像だ...
シンプルでクリーンなモバイルファーストのCSSフレームワーク・「Outline」
Outline OutlineはシンプルでクリーンなCSSフレームワークです。モバイルファースト設計のレスポンシブWebデザイン対応で、tableやタブ、ボタンなどの各UIコンポーネントもひと通り揃えられています。もちろんこれらもRW...
データの編集やソート、ページングにも対応した軽量なデータグリッドを実装するスクリプト・「jsGrid」
jsGrid jsGridはデータグリッドを実装する為の軽量スクリプトです。jQueryに依存しています。データテーブルのセル内のデータ編集やソート、ページングにも対応しています。スタイルコンポーネントのカスタマイズもし易いように設計...
ブラウザで動くオープンソースの正規表現テストツール・「RegExr」
RegExr RegExrはオープンソースの正規表現テストツールです。ブラウザ上で書いた正規表現が正しいかどうかを判断してくれる、というシンプルなもの。以前にご紹介したrefiddleと同じようなツールですが、refiddleのライセ...
商用でも無料で使えて著作権表記も不要のBGM配布サイト・「ノスタルジア」
ノスタルジア ノスタルジアは商用でも無料で使える国産のBGM配布サイトです。著作権表記も不要との事。こちらではノスタルジックな音を中心に、イメージやジャンルから探すことが出来ます。姉妹サイトに甘茶の音楽工房も有り。配布数は工房さんの方...
レスポンシブWebデザインに対応している各CSSフレームワークや人気のライブラリの動作テストを手軽に行える・「Codeply」
Codeply CodeplyはBootstrapやFoundationなどのRWDに対応したフレームワークをベースに、jQueryやBackbone.js、Underscore.js、Angular.jsなどのライブラリの動作テスト...
Web上にある記事やPDFファイル、動画やリンク、プレゼン等をプレイリスト化してチームで共有出来る・「Gibbon」
Gibbon GibbonはWeb上にある記事やPDF、動画等をプレイリストにしてチームで共有する事ができるツールです。主に学習用に開発されたみたいですね。同じ学習目的を持った者同士でオンライン上にあるリソースを共有しよう、というもの...