ブックマーク / tokuna.blog40.fc2.com (2)

  • ごちゃごちゃしたCSSを見やすく自動整形してくれるサイト「ProCSSor」*二十歳街道まっしぐら(FC2ブログ時代)

    「ProCSSor」はごちゃごちゃしたCSSを自動整形してくれるサイトです。 自分の書いたCSSをみて、「あーごちゃごちゃしてて見にくいなぁ」て感じてる方には朗報! CSSを貼りつけて、変換すると綺麗に整形されたCSSをはきだしてくれます。 無駄な改行やらも省いてくれるという気が利くサイトです。 以下に使ってみた様子を載せておきます。 まず「ProCSSor」にアクセスしましょう。 「ENTER OR COPY-PASTE YOUR CSS HERE」に整形したいCSSを貼りつけます。 「options」より、整形のルールを決めることができます。 「process」をクリックして、変換開始! するとこのように整形されたCSSがはきだされます。 「download」からダウンロードできますよ。 この色付け、けっこう見やすいので、CSSを整形+色付けしたいときにも使えそう。 やっぱり綺麗にコー

    yotigoo
    yotigoo 2010/09/14
  • そのサイトで使われているHTML5タグを可視化できるサイト「Periodic Table of the Elements」*二十歳街道まっしぐら(FC2ブログ時代)

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

  • 1