「Periodic Table of the Elements」は、 指定したサイトでどれくらいHTML5の要素が使われているか調べられるサービスです。 サイトのURLを入力するだけで、使われてる要素をハイライトしてくれます。 面白いのが、各要素が元素記号の周期表のように並んでいるところ。 さらに、各要素が何回使われているかも調べられます。 以下に使ってみた様子を載せておきます。 まず「Periodic Table of the Elements」にアクセスします。 上部にURLを入力する欄がありますので、そこに調べたいサイトのURLを入れましょう。 「Inspect」で調査開始。 するとこのような結果がでました。 よく使うものほど明るくなっていますね。 マウスオーバーすると、このようにタグの説明および、何回使われているかが分かります。 アップルのHTML5デモページのひとつを試したところ

「CreatePDF.in」はウェブページをPDF化できるサイトです。 PDFにしたいサイトURLを入力して、変換ボタンを押すだけ！簡単にPDFに変換できますよ。 日本語もバッチリ対応していて、綺麗に仕上がります。 以下に使ってみた様子を載せておきます。 まず「CreatePDF.in」にアクセスします。 PDF化したいウェブページのURLを入力。 「Create PDF」をクリックすると、変換開始です。 変換後、自動的にローカルに保存されます。 通常モードでPDF化したら、このようになりました。 「landscape」にチェックいれると横向きになります。 日本語も綺麗に表示されています。 手軽にウェブページをPDFにできるので、覚えておくと便利！ （本記事で紹介したサイト：CreatePDF.in）

「LOAD IMPACT」はサーバの負荷テストができるサイトです。 サイトによりけりですが、数分から10分程度で完了します。（途中中断できます） 自宅サーバなどを立ててる方はチェックしてみると面白いかも。 当サイトでもやってみました。 （※悪用厳禁ですよ） 以下に使ってみた様子を載せておきます。 まず「LOAD IMPACT」にアクセスします。 無料登録ができますが、登録なしでも測定可能です。 負荷テストしたいURLを入れます。 有料プランがありますが、左側の無料プランで最低限のチェックは可能です。 負荷テストの結果です。 ユーザのロード時間がグラフで表示されています。 右側で結果を切り替えられます。 （ちなみにこの機能を使うには、無料登録が必要です。） 帯域幅の使用量でしょうか。 サイトをお持ちの方はチェックしてみてはどうでしょう。 （本記事で紹介したサイト：LOAD IMPACT）

「Darkroom」はHTML5で作られたオンライン画像加工サイトです。 ちょこっと加工するくらいなら十分なくらいの機能をもっています。 HTML5で作られたってとこがすごいですねー。 IE8では動きませんでした。 以下に使ってみた様子を載せておきます。（※Chrome dev 6使用） まず「Darkroom」にアクセスします。 うお、めちゃくちゃ高機能っぽそう！これがHTML5！？ 以下に各機能をざっと紹介します。 トリミングや反転、赤目補正などがあります。 カラーバランスや露出の調整。 こちらはエフェクト。用意されている10ほどのエフェクトから選びます。 IE8ではご覧の通り、エラーで動いてくれません。 一見Flashでも使ってるのかなと思っちゃうくらいリッチですね。 動作もサクサクしていて実用的！ （本記事で紹介したサイト：Darkroom）

サイトやブログには、ページが存在しないことを示す「404」というページがあります。 リンクを開いたら「ファイルがみつかりません」ってなるやつがそれです。 味気ない404ページもあれば、ユニークにデザインされたものもあったりします。 以下の記事を参考にして、面白いなー、上手だなーと思った404ページを以下に紹介します。 ・70 Unique Examples Of 404 Error Pages For Your Inspiration ・404 Error Pages: Reloaded ・50 Examples of Creative 404 – Page Not Found Pages ・50 Creative and Inspiring 404 Pages ・14 funny yet creative 404 error pages ・49 Nice And Creative Err

「seeklogo」はロゴの画像をベクター形式でダウンロードできるサイトです。 EPSやAIなどのベクター形式ですべてダウンロードできるところが特徴的。 企業名やアルファベットなどで検索し、ダウンロード数順・評価の高いもの順などのソートも行えます。 全部で20万以上のロゴがあるとのこと。 以下に使ってみた様子を載せておきます。 まず「seeklogo」にアクセスします。 検索ボックスにキーワードを入れてもいいですし、アルファベットの頭文字を指定してもOK。 「K」の検索結果です。 「Google」の検索結果です。 ダウンロードしてみましょう。 文字の認証がありますので注意。 ダウンロード前ページには、「フォーマット」が書かれています。 EPSやAIなどベクター形式のフォーマットが書かれています。

「MenuBuilder」はメニューバーを作ってくれるジェネレータです。 グラデーションやマウスオーバーも実装できます。 色を選んで、パターンを指定したらおしまい！ 簡単すぎ！ 画像およびHTML（CSS）もダウンロードできるので、使い回ししやすいです。 以下に使ってみた様子を載せておきます。 まず「MenuBuilder」にアクセスします。 メニューはグラデーションになります。 上側がデフォルトで下側がマウスオーバーのときです。 そしてお次は、メニューのパターンを指定します。 あと、横に並べるのか、縦に並べるのかも選択しましょう。 「Generate&Preview」すると、最上部で仕上がりを確認できます。 「Download」ボタンをクリックすると、画像とHTML（CSS）を一括でダウンロードできます。 HTMLファイルを開くと、このように先ほど作ったメニューが実装されています。 HT

Googleには「Google Labs」というGoogleの実験的プロジェクトが公開されています。 「The 10 Coolest Experiments from Google Labs」では、 この中からおすすめする10個のプロジェクトを紹介しています。 以下にその10個について関連情報を含めまとめてみました。 なかなか面白いサービスがちらほらあって今後に期待です。

「Psykopaint」はオンラインで利用できるペイントツールです。 色んなエフェクトをかけたりできます。 写真を加工したいときに便利！細かい設定もでき、サクサク動きます。 また、加工したファイルは保存もできますし、オンラインのギャラリーで公開することもできます。 以下に、一連の流れを載せておきます。

「PicTreat」は顔写真をアップロードするだけで、綺麗に加工してくれるサイトです。 ニキビや赤目、肌の色などが劇的に変化します！ 単純にアップロードするだけなので簡単！ 登録不要です。（登録すると自分専用のアルバムをもつことができます。） アバターやプロフィールの写真に自分の顔を使ってる人は、ちょっと加工してみると印象がよくなるかも！ 実際どれくらい綺麗になるかみてみましょう。

「Instant Image Editor」はChromeを画像加工ツールに変身させるExtensionsです。 ネットでみつけた画像を加工するとき、毎回ダウンロードするのが面倒ですよね。 「Instant Image Editor」はネットで見つけた画像をその場で加工編集して保存できるものです。 それなりの機能は備わっているので安心。 以下に使ってみた様子を載せておきます。