2009年01月のエントリー

2009 . 01 . 31

SimilarWeb : 類似するサイトを教えてくれるFirefoxのアドオン

SimilarWeb


SimilarWebは今見ているサイトと類似するサイトを教えてくれるFirefoxのアドオン。

インストールすると、専用のサイドバーに類似サイトが表示されます。




2009 . 01 . 31

おもちゃと戯れる赤ちゃんを早回しで見てみる

Time lapse of a baby playing with his toys


YouTube - Time lapse of a baby playing with his toys


こうして見ると、赤ん坊の一日の運動量もバカになりませんね...



2009 . 01 . 31

Photomemo : ケータイからシンプルに写真共有できるサービス

Photomemo

 Photomemoはケータイで撮った写真のためのカンタン・シンプルな写真共有サービスです。

Photomemoの特徴:
  1. 新しくIDとパスワードを設定する必要がありません
  2. 複数枚の添付、@タグによる簡単なグルーピングなど携帯ならではの便利さイッパイです
  3. GPSにも対応してます
  4. iPhoneからも使えます



2009 . 01 . 30

UrgeMe : 自分宛に督促メールを送るリマインダーサービス

urge-me.com

自分宛にメールを送るリマインダーサービスの一種。

アドレスと「すべきこと」、それに送信期間の指定すると、その間メールを送信してくれるというもので、期限に近くなるにつれ送信頻度もアップし、督促メールのような状態になるのが特徴です。

通常のリマインダーでは物足りない方のための、「ハード」なリマインダーと言ってもいいでしょう。



2009 . 01 . 30

Google日本が贈るChromeのプロモーションビデオ

Google Chrome シンプルという進化 [HD]


YouTube - Google Chrome シンプルという進化 [HD]


Google 日本版 公式チャンネル」が贈る、Google製ブラウザ「Chrome」のプロモーションビデオ。

なかなかのデキ...



2009 . 01 . 30

Twitter Follower Mosaic : Twitterフォロワーからモザイク画像を作る

Twitter Follower Mosaic


Twitterのフォロワーのアバターでモザイク画像を作るジェネレーター。

一枚に結合した画像ではなく、それぞれのアバターにはリンクが有効になっています。

同時にHTMLコードも出力されるので、ページに貼り付けて利用することができます。




2009 . 01 . 30

radio aporee ::: maps : Googleマップと音声のコラボレーション

radio aporee ::: maps

各地のさまざまな音声を、Googleマップを利用して視覚的なアプローチで見せようというマッシュアップサイト。

従来から各地のスナップショットをGoogleマップと結びつけるサイトはありましたが、「音声」を素材にしたところがこのサイトの斬新なところです。




2009 . 01 . 29

Song.ly : Twitterで音楽をシェアするためのシンプルなサービス

Song.ly

Twitter用にMP3などの音楽ファイルへのリンクを作成してくれるサービス。

目的の音楽ファイルのURLを入力して「preview」をクリックすると、以下のようなリンクページが表示されます。




2009 . 01 . 29

TuneMaze : モバイル用フリーMP3ダウンロードサイト

TuneMaze

モバイルからの利用に特化した音楽検索&ダウンロードサイト。

「Get it!」ボタンでファイルをダウンロードできる他、関連ビデオや歌詞、着メロや関連曲なども合わせて表示されます。



2009 . 01 . 29

Googleイメージ検索で画像サイズを指定して検索する方法

Googleイメージ検索では検索対象をある程度絞り込んで検索を行なうことができます。

画像サイズもその一つですが、デフォルトのオスション操作では「小」から「特大」までの4サイズしか選択できません。

しかし「imagesize:」という特別なオプションをキーワードに付け加えることで、サイズを自由に指定することが可能です。




2009 . 01 . 29

Coquette : 高品質で優しい質感のフリーアイコン

DryIcons | Coquette Part 3 Icon Set




Coquetteシリーズ第3弾のフリーアイコン。(個人利用に限る)

16×16pxから128×128pxまで、それぞれ50種類の高品質名アイコンがパッケージされています。

同シリーズのCoquetteCoquette Part 2もあり。



2009 . 01 . 28

見事にカスタマイズされたデスクトップのスクリーンショット40枚

Freedom




2009 . 01 . 28

ショートビデオで見る「Google 10年の歴史」

YouTube - Ten Years of Google

YouTube - Ten Years of Google


ちなみにHQ(HD)での視聴もできるので、興味のある方は上のようにボタンで切り替えてください。

(HDとHQの区別がイマイチ不明...)

2009 . 01 . 27

YouTubeのHD動画を大画面(1280x720)で表示するGreasemonkeyスクリプト

YouTube HQ + 720p for Greasemonkey


YouTubeのHD動画の画面を[1280x720]に自動でリサイズするというGreasemonkeyスクリプト。

このスクリプトをインストールして、HD動画のページにアクセスすると、上のように大画面サイズにリサイズされた状態で表示されます。




2009 . 01 . 26

Pic2Graphics : 他の画像から色合いを移植するジェネレーター

GenoPal - Pic2Graphics


アップロードあるいは指定した画像から、使われている色の種類を抽出してカラースキームを作成した後、別に指定した画像にそのカラースキームを適用して新しい色合いの画像に変換するという画像ジェネレーター。

同サイトにはこの途中過程でもある、カラースキームからカラーパレットを作るという姉妹サービス「Pic2Color」もあります。



2009 . 01 . 25

プロも使う利用度の高い22種類のフリーフォント

1. Delicious





2009 . 01 . 25

CintaNotes : 複数のテキストをまとめて管理できるソフト


CintaNotes


CintaNotesは複数のテキストをまとめて管理できる、軽量でシンプルながらも使い勝手に優れた、メモ帳の代わりとしても使えそうなノート管理ソフトです。

まず新規テキストの作成はメニュー「ADD」かトレイアイコン「New Note」を、クリックするとテキスト入力ウィンドウが開きます。





2009 . 01 . 25

大学生活を描いたコミカルなGIFアニメーション

College Life !!!

大学生活の実態をコミカルなGIFアニメーションで表現したショートストーリー。

何処も一緒ですな...(笑)


新学期スタート!!





2009 . 01 . 24

YouTube埋め込み動画に高画質モードの切り替えボタンが追加



YouTubeのHD動画を埋め込む方法云々、というハックネタが出て間もないですが、今回もまた早々と公式化が実現したようです。

高画質ではあるけどヘビーなコンテンツに対して、切り替え方式を採用することで、視聴する側に選択肢を与えるという対応は、ホストとしては無難な策だと思います。

(日本のように恵まれた通信環境の国ばかりではないわけだから)



2009 . 01 . 23

Jinni : 自分好みの一作が探せる映画検索サイト

Jinni


Jinniはあなたの求めている映画やTVショーを探すための優れた検索推奨サイト。

特に決まった映画があるわけではなく、漠然としたところから、自分好みの一作が探せるところが特徴です。




2009 . 01 . 23

フリーで利用可能なストックフォト50サイト

フリーで利用可能なストックフォト50サイト...


Dexhaus






2009 . 01 . 23

フォトショップの代用として使えそうな21のアプリケーション

有償/フリー、ローカル/ウェブ、プラットホームの別を問わず、フォトショップ並みの性能を備えた高性能なグラフィックアプリのまとめ。


GIMP

 レイヤー、トーンカーブ、ヒストグラム、画像の形状からの切抜き、ブラシエディタ、パスの編集、多種多様なプラグインなどが使える。また、モザイク編集や、アニメーション合成を行うなどといったフィルタ機能も数多く備えており、これひとつで、コンピュータ上のほとんどの画像編集は行えてしまう...




2009 . 01 . 22

Benny Hillifier : YouTubeのビデオがオマヌケ映像に早変わり

Benny Hillifier


どっきりカメラとかズッコケ映像に使われるような誰でも一度は耳にしたことのあるだろう例のBGMを、指定したYouTubeビデオの音声と入れ替えることで、どんなビデオもオマヌケ映像にしてしまうというホットなサイト。

「Speed up this video」をクリックして倍速モードにすれば、さらにオマヌケ度もアップ!


 例えばこんな感じ... 



2009 . 01 . 22

SuggestRSS : 購読しているRSSからオススメのサイトを提案

SuggestRSS


ユーザーの購読している複数のRSSををもとに、オススメのサイトを教えてくれるサイト。

メールアドレスとOPMLをアップロードして送信すると、すぐにオススメのサイトが表示されます。




2009 . 01 . 21

CompareMyFiles : 2つのファイルを比較してくれるウェブサービス

CompareMyFiles


2つのファイルを比較して違いを明瞭化してくれるサイト。

比較したいファイルをアップロードして、「Compare Files」をクリックすれば下のように、差異のある行が青く表示されます。




2009 . 01 . 21

CoolFlick : クールな画像ビューアでFlickrの写真検索

CoolFlick


クールな画像ビューアで人気のCoolFlickにFlickrの画像検索を組み合わせたサイト。

このサイトは、下のような形で公開されている埋め込み用のCoolFlickをインターフェイスとして最大限に利用して、Flickrの検索サイトとして仕立て上げているところが特徴のサイトです。




2009 . 01 . 21

Checkvis : 手軽で便利なオンライン・チェックリスト

Checkvis


オンラインで手軽に作成から管理ができる、便利なチェックリスト。

徹底したショートカットキーによるナビゲーションで、スピーディーかつ直感的に作成操作が行なえます。




2009 . 01 . 20

getFavicon.org : 自動取得も可能なファビコン・ダウンロードサイト

getFavicon.org


指定したサイトのファビコンがダウンロードできるサイト。

ファビコンはオリジナルの画像フォーマット以外に変換してダウンロードすることも可能です。




2009 . 01 . 20

いろんなTwitterアイコン素材を一挙紹介

Iconspedia

Twitterキャラクターのアイコンをはじめ、ベクタ画像やPSDファイルなど、各種Twitterリソースをまとめて紹介。





2009 . 01 . 20

ミニマリストのための壁紙いろいろ






2009 . 01 . 20

Striped Backgrounds : いろいろなパターンのストライプ背景をダウンロード

Striped Backgrounds


縦縞模様の背景画像を選択してダウンロードできるサイト。

中央のボタンをクリックして気に入ったパターンを見つけたら、サイズを選んでダウンロード。

サイズからして、主にデスクトップ用の壁紙素材としての利用を目的としているようです。



2009 . 01 . 19

HearWhere : 最寄のライブ情報をスマートにゲット

HearWhere


開催時期と地域名、そしてその地域圏内の距離を指定すると、それにヒットするライブの情報を検索してくれるサイト。

検索結果からアーティストを選ぶと、さらにそのアーティストの詳細情報が表示されます。




2009 . 01 . 19

BubbleTweet : Twitterのページに泡のビデオメッセージを入れる

BubbleTweet


Twitterの自分のページに簡単にポップアップのビデオメッセージを挿入することのできるサービス。

Twitterのユーザー名の入れてメッセージをレコーディングしたらできあがり。(要ウェブカム)

泡のようにメッセージがプクッと現われるところが、なんともユニークでメッセージが終わると実際のTwitterのURLにリダイレクトされるようになっています。



2009 . 01 . 18

MelZoo : 素早いプレビューが可能な2画面検索サイト

MelZoo

MelZooは、検索結果と実際のサイトという2画面ビューアで検索が行なえる検索サイト。

さらに検索結果欄の格段にマウスを乗せるだけで、サイトビューの読み込みを開始することで、ストレスのない検索を目指しています。



2009 . 01 . 18

Heyzap : ウェブページ内に埋め込むウィジェット専用のゲームサイト

Heyzap


Heyzapは無料で楽しむことのできるゲームを多数公開しているゲームサイト。

ここのサイトの特徴は、自社のサイト内でユーザーにゲームを楽しんでもらおうというものではなく、ゲームを埋め込みウィジェットとして提供して、ユーザー自身のページに貼り付けることで、より広範囲に配信させることを狙ったところです。





2009 . 01 . 18

TwitterKnowHow : Twitterのバナーリンクを作成

Free Twitter Ribbon Ad Generator


ページ上部のコーナーに置くことのできる、Twitterへのバナーリンクを作成するジェネレーター。

自分のTwitter URLと数種類あるバナーテンプレートを選んで作成。

出力されたコードをHTMLページのBODYタグ内に貼り付ければOKです。





2009 . 01 . 17

DetachVideo : 動画ウィンドウをページから取り外す

DetachVideo

動画ウィンドウをページから取り外すことのできるユニークなツール。

目的の動画にカーソルを持っていき、「F12」キーをタイプすると上のように、元のページから飛び出して別のウィンドウに移ります。




2009 . 01 . 16

さまざまなデザイナーたちの「デザインとは・・」という壁紙

Flickr: Designer Wallpaper



さまざまなデザイナーの手による「デザインとは・・」というコンセプチュアルなテーマの壁紙を集めたFlickrのグループ。




2009 . 01 . 16

Bad usability calendar : 「ダメなユーザビリティー」カレンダー2009

Bad usability calendar


さて、先月取り上げたばかりの「これはやったらイカんよ」という、ウェブデザインにおいてのユーザビリティーの失敗例をカレンダー風に紹介するという、面白いカレンダー「Bad usability calendar」の2009年版が早くもリリースされたようです。





2009 . 01 . 16

PS3やWiiでの利用が開始されたYouTube for Television

YouTube for Television (※)

YouTubeをTV感覚で楽しむという試みは以前から、いろいろな外部サイトで行なわれていますが、いよいよ本家そのものが動き出したようです。

これに先駆けて、まずはソニーのPS3と任天堂のWiiというデバイス向けに専用サイトが用意され、一般ユーザーにも利用が可能になりました。




2009 . 01 . 15

渡し方ジェネレータ : 告白の仕方に困ったらコレ!

渡し方ジェネレータ ―バレンタイン バージョン―

殿方へ本命のバレンタインチョコを渡す際、どのようなセリフと動きでチョコを渡せばいいか悩むことがあります。 この「渡し方ジェネレータ」を使えば、自分に似合うチョコレートの渡し方を知ることができます。 さらに、この渡し方で告白した場合の、告白の成功率を男性の名前別に予想します。

「花子」も大胆で、個人的には好きです(笑)



2009 . 01 . 15

Myoats : きれいな幾何学模様の画像がなんとなく作れる

Myoats

専門用語ではトロコイド曲線というらしいですが、昔からあるスピログラフというおもちゃで遊んだ人も多いと思いますが、あんな感じの幾何学模様が描けるサイトです。

例のおもちゃ同様、なんとなくグリグリするだけで、それっぽい画像になるというシロモノです。




2009 . 01 . 15

Obamicon.Me : オバマのポスターのような画像を作成

Obamicon.Me


バラク・オバマ氏のポスターで有名になったポスターデザイン風に仕上げてくれるジェネレーター。

ウェブカムから取り込むか画像をアップロードして、作成したい写真をロードします。

サイズや色など微調整しながら、最後にインパクトのある言葉を付け加えて完成。





2009 . 01 . 14

Pretty Loaded : アーティスティックなプリローダーのコレクション

Pretty Loaded

データが読み込まれるまでの間、一時的に表示されるプリローダー。

Webクリエーターの腕試しとして作成されることもあり、イカしたFLASHサイトには、プリローダーも凝ったものが多いように思います。

こちらのサイトは、そんなアーティスティックなプリローダーを集めて、次々と見せてくれるサイトです。



2009 . 01 . 14

Wappalyzer : サイトで利用されているWebアプリを解析するFirefoxアドオン

Wappalyzer

いろいろなサイトを訪れる際、「このサイトはどんなCMSで構成されているんだろう?」とか、「Javascriptのフレームワークは何を使ってるの?」と感じることがあると思います。

Wappalyzerはそのサイトで利用されているWebアプリケーションを解析して一目瞭然にしてくれるツールで、Firefoxのアドオンとして公開されています。




2009 . 01 . 13

DLL Files : DLLファイルの検索とダウンロードに

DLL Files

「●●●.dllが見つからなかったため、このアプリケーションを開始できませんでした。」というエラーに遭遇したことはありませんか?

そんなエラーにお困りの方は、こちらのサイトを利用してみてはどうでしょう。



2009 . 01 . 13

Just Hear It : クールなインターフェイスのWEBジュークボックス

Just Hear It

またまたクールな、オンラインジュークボックス的なサイトが登場。

アーティストや曲名などのキーワードから、ウェブ上の音楽ファイルを検索し、再生します。




2009 . 01 . 13

ブラウザ戦争の勢力図を表したユニークなイラスト


W3Schools Online Web Tutorials からのデータをもとに、作られたブラウザ勢力図のイラスト。

旗の大きさがシェアのようですが、IE4やNetScapeはすでに力尽き、IE5やMozillaは空前のともし火。

今後は、これにChromeが参戦してくると思われます。



2009 . 01 . 13

キモカワを若干通り越したシュールなイラスト

THE BOOK OF CLONES AND POSSESED CHILDREN



カナダのアニメーターNocturnal-Devil氏による不気味でシュールなアート作品の数々。

ちょっと、「キモカワー♥」とはちょっと違う次元のブラックな作品です。




2009 . 01 . 12

Coda.fm : 音楽アルバムをBitTorrentでダウンロード

Coda.fm

Coda.fm は音楽専用のBitTorrent サイト。

アルバムのダウンロードというトレントサイト的な部分に加え、個々のアルバム紹介や推奨アルバムなど総合音楽サイトのような構成になっています。




2009 . 01 . 12

高解像度でカラフルな13枚の壁紙





2009 . 01 . 12

VisualWikipedia : 視覚的に表現したウィキペディア

VisualWikipedia

ビジュアル・ウィキペディアとは?

ビジュアル・ウィキペディア (VisualWikipedia) は、百科事典の知識/情報を直感的、そして視覚的に表現したビジュアル百科事典です。 物事を楽しく、そして効率的に学べるようにデザインされています。


事象や人物を単に文章だけで説明するのではなく、相関図やビデオなど、視覚的かつ直感的なアプローチで見せてくれるため、非常に分かりやすいのが特徴です。

おそらく、CGIで動的にWikipediaのデータを変換しているようなので、本家にある情報ならばすべて検索が可能ではないでしょうか。




2009 . 01 . 11

フリーMP3 ダウンロードサイトまとめ

Mp3Realm






2009 . 01 . 11

DiggGraphr : Diggをツリーマップ風に表示するサイト

DiggGraphr

大手ソーシャルブックマークサイト「Digg」のエントリーをツリーマップ風にグラフ表示させるサイト。

エントリーの升目が大きいほどDigg数が多いということ。

カーソルオンでエントリーの概要が表示され、クリックでソースページが開きます。



2009 . 01 . 11

Sexy CSS Tips : CSSのプロパティをセクシーに解説

Flickr: Exey Panteleev's Photostream



CSSのプロパティを女性のボディを使って分かりやすく?説明してくれる写真。

更なるシリーズ化を期待したいところです。



2009 . 01 . 10

1-time.org : 1ページだけのウェブホスティング・サービス

1-time.org

1-time.org は1ページだけ作って公開できるシンプルなHTMLホスティングサービスです。

ページの作成は、一般的なWYSIWYGエディターにより、リンクや画像・ビデオの挿入など、普通のHTMLページの作成と同様に行なえます。




2009 . 01 . 10

Player.icio.us : 注目のサイトを次々と表示していくサイト

Player.icio.us

DeliciousMagnolia の注目のサイトを指定したスピードで次々と表示していくサイト。

サイト任せで注目サイトを表示するので有名なところに

StumbleUpon などがあり、「Stumble!」をクリックするごとに、注目サイトを表示してくれるというものですが、「クリックするのもかったるい」と感じることもしばしばあります。

そういう意味ではこちらのサイトはもってこいかもしれません。



2009 . 01 . 10

ThinQ Fitness : エクササイズ・ビデオで運動不足を解消

ThinQ Fitness

ThinQ Fitness はフィットネスに関する情報を取り扱うサイト。

こちらでは無料のエクササイズ・ビデオを多数公開しています。

最近、運動不足のあなたにオススメのサイトです。



2009 . 01 . 08

BlahblahFish : 笑える機械翻訳の語句を楽しむサイト

BlahblahFish

変換精度のひどい機械翻訳によって訳された語句を、笑いのネタとして取り上げるユニークなサイト。

適当な語句を入力して変換言語を選択すると、さらに元の言語に再変換されます。




2009 . 01 . 08

埋め込み動画をすばやく簡単にリサイズする方法(Firefox)

たまに動画ウィンドウのサイズを、もう少しだけ大きくしたい(フルスクリーンではなく)とか、逆にPCの負荷を抑えるためサイズを小さくしたいとか、感じたことはありませんか?




2009 . 01 . 06

flipping typical : 主要なフォントスタイルでまとめて表示

flipping typical

主要フォントのスタイルを確認するためのシンプルなサイト。

上に好きな文字を入力すると、その文字で主要フォントの一覧をまとめて眺めることができます。

各フォントをクリックすると、入力した上のフォントと入れ替わるという、ちょっとおしゃれなインターフェイスが特徴です。



2009 . 01 . 06

世界の文字の系譜が一目でわかるチャートシート

Línea de tiempo de los sistemas de escritura del mundo en Duopixel




世界の文字の系譜が一目でわかるチャートシート。

(ハングルだけ自然発生的に出てくるのが謎だな・・)



2009 . 01 . 06

ウェブデザイナーなら押さえておきたい28の背景パターンサイト

Huge Magazine






2009 . 01 . 05

tiltshiftmaker : 3ステップで簡単にTilt-Shift写真が作れるサイト

tiltshiftmaker




tilt-shift」という特殊な機構を持ったレンズによって撮影される、ミニチュアのように見える不思議な写真が、少し前から流行っています。

今回紹介するサイトは、普通の写真からを3ステップで簡単にtilt-shift 写真に変換してくれるサイトです。




2009 . 01 . 05

slidesix : プレゼンの投稿と作成が簡単にできるサイト

slidesix

slidesix はスライドプレゼンテーションの投稿と作成が行なえるコミュニティーサイト。

スライドの作成は、以下の対応フォーマットのファイルをアップロードし、そのファイルからスライドを作成するというものです。




2009 . 01 . 04

infinitube : 指定キーワードのYouTube動画を連続再生

infinitube


見たい動画のキーワードを入力すると、そのキーワードにヒットしたYouTube動画をノンストップで連続再生してくれるというサイト。

TVのように見たいとか、いわゆる「ながら見」したいという方にはぴったりなサイトです。


(日本語がまともに通らないのがマイナス点)



2009 . 01 . 04

FunPhotoBox : 顔写真をアップロードして面白い画像を作成

FunPhotoBox





アップロードした顔写真を合成して、面白い写真を作成するサイト。

似たようなサイトに、PhotoFunia というのもあります。



2009 . 01 . 04

noSPM : アカウント不要の匿名メール送信サービス

noSPM

アカウント不要、アドレスと件名、それにメッセージを入力して送信ボタンをクリックすれば、すぐにメールが送れます。

また、送信者の環境は送信先には伝わらないので、匿名でメールを送ることが可能。

返事はいらないから、とにかくすぐに送信したい、という用途にはとても便利なサービスです。



2009 . 01 . 03

Soovle : 7つの検索エンジンでまとめてサジェスト検索

Soovle

入力直後からキーワードの候補を表示してくれるサジェスト検索を、7つの検索エンジンでまとめて行なってしまう、変り種の検索サイト。

まずは、トップページの「DEMO」で実際の様子をご覧になるとよいでしょう。




2009 . 01 . 03

Web製作に役立つ、矢印のベクターアイコン64個

Liquidicity




Web製作に役立つ、矢印のベクターアイコン64個。

ファイルのフォーマットは「AI」と「SVG」で配布されています。



2009 . 01 . 02

Firefoxの高解像度な壁紙いろいろ

Firefox Wallpaper
High Resolution Wallpapers
High Resolution Wallpapers
High Resolution Images




2009 . 01 . 02

書き込み可能でシンプル&クリーンなカレンダーテンプレート

Vertex42

どのような場面でも合いそうな、シンプルでクリーンなデザインの書き込み可能なカレンダーテンプレート。

PDF(一部XLS)で無料で配布されており、プリントしてすぐに使えます。




2009 . 01 . 01

Vertor : BitTorrentの中身がプレビューできるサイト

Vertor

Vertor はBitTorrentの「.torrent」ファイルが検索・ダウンロードできるサイトですが、大きな特徴は、トレントの中身がどのようなファイルなのか少しだけプレビューができるというものです。




2009 . 01 . 01

謹賀新年 2009

あけまして、おめでとうございます。

本年もよろしくお願い申し上げます。