タグ

2010年1月12日のブックマーク (3件)

  • Web制作者向けなChromeの拡張機能+α | gaspanik weblog

    OS X用のChromeでもDev版でようやくエクステンション(拡張機能)が使えるようになったので、Web制作に役立ちそうなものをピックアップしてみました。せっかくなんで、おまけとして人によってはありがたいだろうものも載っけておきます。 とにもかくにもChromeのDev版をダウンロードしましょう。「あくまでも開発者向けなので…」とか言いたいとこですが、別にマシンがぶっ壊れるようなことはないので大丈夫(笑)。ちっちゃいことは気にすんな、ワカチコ。 ただし、Googleからは直接ダウンロードできませんので、Chromium Projectsの「Early Access Release Channels」からどうぞ。 真ん中あたりに「Dev Channel: GoogleChrome.dmg」ってリンクがありますので、ダウンロード&レッツらインスコローリングです。 肝心のエクステンションは、G

    Web制作者向けなChromeの拡張機能+α | gaspanik weblog
  • Page Speedでチェックついでに最適化 | gaspanik weblog

    前エントリー「YSlow!、使ってわかるあんなことこんなこと」でFirefoxのアドオン「YSlow!」の使い方とか見方を紹介したので、今回はGoogleさん謹製のアドオン「Page Speed」の話をしてみようかと思います。 前回同様、「そうだ、京都、いってきた」的なページを参考ページとしまして、今回は画像に関するちょっとした話なんかも入れていきたいと思います。では、Page Speed編もいってみましょう。 始める前に、Page Speedのインストールから「Page Speed」は、Firefoxのアドオンサイトには登録されていませんので、GoogleさんのPage Speedのダウンロードページから直接インストールします。現在、正式版が「Version 1.4」、β版として「Version 1.5」が公開されていますので、どちらかお好きな方を。古いものよりは新しいものの方が良いと思

    Page Speedでチェックついでに最適化 | gaspanik weblog
  • YSlow!、使ってわかるあんなことこんなこと | gaspanik weblog

    先月発売された「Web Designing」2010年1月号の特集では、ただの紹介だけに留まっていたツールの簡単な解説でもしてみようかと思います。今回は「YSlow!」で次回は「PageSpeed」ってな感じでお届けします。 双方のツールを使ってトータルであれこれと解説したいところなので、このサイトで割と画像を使ってる「そうだ、京都、いってきた」的なページを参考ページとします。 では、そんな感じで始まり始まり。 まずは、YSlow!が使えるようにする米Yahoo! Inc.さん謹製の「YSlow!」は、Firefoxのアドオンです。これ単体で動作するわけではなく、あらかじめ「Firebug」というアドオンが必要になりますので、こちらもあわせてインストールしましょう。インストールするとブラウザウィンドウの右下に「虫」のアイコンが出てきますので、それをクリックするとFirebugの画面を呼び出

    YSlow!、使ってわかるあんなことこんなこと | gaspanik weblog