商用でも無料で利用できる、高解像度な写真素材の配布サイト・「KaboomPics.com」
KaboomPics.com KaboomPics.comは商用としても利用可能な、高解像度の写真を配布するWebサイトです。ブロガーやフリーランサーに是非使って欲しいとの事。現在は約500ほどの写真が公開されています。サイズは主に3...
Resource - オススメ
ソースコード専門の検索エンジン・「searchcode」
searchcode searchcodeはソースコード専門の検索エンジンです。GithubやGoogle Code、Codeplex、Sourceforgeなどからソースコードを横断検索出来ます。また、PHPやRubyなどの言語で絞...
コンポーネント別にまとめられたUIデザインギャラリー・「Call to Idea 」
Call to Idea Call to IdeaはWebサイトのコンポーネント別でデザインをまとめているギャラリーサイトです。ログインページやタブ、フォーム等の様々なデザインが展示されています。全体のバランスが重要なWebデザイン...
日本語にも対応した、入力したテキストを音声ファイルでダウンロードできる・「Sound of Text」
Sound of Text Sound of Textは入力したテキストを音声に変換、MP3でダウンロードできるWebサービスです。多数言語に対応しているのが凄い。日本語もあり、何回かテストしてみましたが、十分実用可能なクオリティでし...
Tumblrのオリジナルテーマを作成する為のHTML5製テンプレート・「tumblr boilerplate」
tumblr boilerplate tumblr boilerplateはTumblrのオリジナルテーマを作成するためのスターターテンプレートです。HTML5で作られています。装飾は一切なく、よく利用されるタグが概ね用意されています...
タイムライン形式のプロジェクト管理ツール・「Waypoints.io」
Waypoints.io Waypoints.ioは追加したプロジェクトをタイムライン形式で表示してくれるプロジェクト管理ツールです。大規模なプロジェクトの管理には向いてないかもしれませんが、中小プロジェクトなら進行具合をうまく可視化...
デザインの情報に特化したキュレーションサービス・「」
Panda Pandaはデザイン関係の情報に特化したキュレーションサービスです。DribbbleやBehance、Hacker Newsの情報を収集し、提供してくれます。試してはいませんが、Chromeエクステンションも用意されていま...
スマフォにも対応の、共有可能なToDoリストを作成出来るシンプルなWebアプリ・「Jotts」
Jotts JottsはシンプルなToDO作成Webアプリです。レスポンシブWebデザインにも対応しており、スマフォやタブレットでもデバイス依存のアプリは不要で、ブラウザでアクセスすれば利用可能です。また、友人等とリストを共有する事も...
Youtubeの動画から一部を切り取って、部分的にループ再生できるようにする学習ツール・「StepUp.io」
StepUp.io StepUp.ioはYoutubeの動画から、任意の場所を切り取って、その部分だけループ再生できるようにする学習ツールです。「ここだけ苦手だから何度も聞きたい」というケースは僕も経験があるので結構いいアイデアだなぁ...
Chromeのブックマークをスクリーンショット付きにし、ソートしたり検索出来るエクステンション・「DEWEY」
DEWEY DEWEYはChromeに保存したブックマークをSS付きで検索出来るようにするエクステンションです。スクリーンショットはセッティングからShow thumbnailsにチェックを入れれば表示されます。僕もブラウザのブックマ...
ユーザー登録不要で手軽に使えるビデオチャットサービス・「appear.in」
appear.in appear.inはユーザー登録不要で使えるビデオチャットツールです。希望のアドレスを入力すればすぐに部屋が構築されますので、カメラ認証を終えれば即ビデオチャットをはじめることが出来るようになっています。気軽に使え...
レスポンシブWebデザインのリソースをまとめているハブサイト・「Responsive Design Knowledge Hub」
Responsive Design Knowledge Hub Responsive Design Knowledge HubはRWDの情報を収集したナレッジハブサイトです。定義に始まり、チュートリアルやツール、インスピレーション向上...
入力したHTMLのclassやidを元にCSSの雛形を作る・「extractCSS」
extractCSS extractCSSは入力されたHTMLのclassやidを元にCSSを作るWebツール。Githubにてソースも公開されています。Bear CSSと同じようなツールですが、extractCSSは作成時にclas...
著作権フリーでクオリティの高い写真素材を10日に1回、10枚配布する・「UNSPLASH」
UNSPLASH UNSPLASHはクオリティの高い写真素材を定期的に配布しているTumblrのサイトです。10日に1回、10枚というのがルールみたい。肝心のライセンスは「いかなる権利も保有しない」CC0ですので安心して利用できますね...
HTML5やCSS、jQueryなどのAPIのドキュメントサイト・「DevDocs」
DevDocs DevDocsはHTML5やCSS、jQueryなどのAPIに関する情報をまとめたサイトです。かなりの情報量で綺麗に纏められているのでとても探しやすい印象でした。キーワードを入力するだけで即時に候補を抽出するインスタン...
ソーシャルコーディングが可能なオンラインIDE・「FriendCode」
FriendCode FriendCodeはブラウザで他のユーザーと共有しながら使えるオンラインのIDEです。プライベートなリポジトリも持てるみたい。アカウントはFacebookやGithubでログイン出来ます。他にもいろいろ。結構高...
動作も軽く使いやすいモックアップ作成ツール・「Moqups」
Moqups Moqupsは動作も軽く、直感で使えるモックアップ作成ツールです。ドラッグ&ドロップで楽に操作することが出来て、基本的な機能も全て揃っています。ただし、画像をアップロードするにはユーザー登録が必要となります。 Mo...
Webサイトの表示速度を計測できる・「Pingdom」
Pingdom Pingdomは、公開されているWebサイトの表示速度を計測し、速度を遅くしている要因を教えてくれるツール。URLを入力するだけで計測してくれます。 Pingdom
JPGをオンライン上で圧縮、最適化する「JPEGmini」
JPEGmini JPEGminiはjpg画像を劣化させずにサイズのみ縮小してくれるツール。圧縮後と圧縮前のファイルサイズの比較も出来る様になっています。 JPEGmini