ついに出た！Chrome版「Page Speed」の使い方
2011/3/22に、GoogleがようやくGoogle Chrome版「Page Speed」拡張機能を公開しました。 「Page Speed」は、項目をある程度理解できれば自分や自社のサイトの表示速度の改善にとても役立つツールです。 この記事では、「Page Speed」のインストール方法から各調査項目の見方や改善方法を中心に使い方を解説します。 ぜひ、ご自身のサイトの改善に役立てていただければと思います。 そもそも、なぜサイトの表示速度を速くする必要があるのか？ 例えば、Amazonの調査によると「表示速度が0.1秒遅くなると、売上が1％減少する」といい、Googleの調査によると「表示速度が0.5秒遅くなると、検索数が20％減少する」と言われます。 また、GoogleはWebページの読み込み速度をアルゴリズムに取り入れたことを発表しています。 大手サイトや大規模なECサイトに限らず
Capture full page - Screenshot Full web page - Capture full web page
Capture Entire Websites in a Single Snapshot with Capturefullpage.com, Your Ultimate Web Capture Solution Capture Full-Length Webpages Capture the entirety of your favorite websites has never been easier. Our online tool allows you to take full-page screenshots effortlessly, preserving entire web pages in a single image or PDF file. Whether you're an avid web researcher, a designer seeking inspira
Web開発者が知っておくべきローカルプロキシーツール Fiddler - すがブロ
最近の愛用は Firefox を普段使っている時は、 HttpFox を使っています。 昔は Live HTTP Headers :: Add-ons for Firefox を使っていたのですが、けして見やすいというわけでは無かったのと、実際にボディの中身を見たいという時にパワー不足が否めません。 そこで、 HttpFox です。 HttpFox :: Add-ons for Firefox レスポンスコードを色分けしてくれたりするので、個人的には見やすいと思う。 たぶん、Firebug の接続タブでも同等のことができると思うのだけど、ウィンドウ領域の使い方とか、色分けの部分とかで HttpFox の方が好き。 こんな感じで閲覧できます。 リクエストパラメータ等も見やすく整形してくれるので助かります。 本題 本題は HttpFox ではなく、Fiddler についてです。 Fiddler
GIMP 使い方
GIMP年賀状 フリーで高機能なグラフィックソフトのGIMPが2007年10月末にversion2.4.にバージョンアップした。Vistaにも完全対応した。それで、その機能のほんの一部を紹介する。 画像の合成 消しゴムツール 「画像の合成」で作ったものに、さらに別の人物の画像を、同じ方法で合成したとする。 レイヤーの複製 レイヤーの「透明度」 いろいろな範囲指定の方法について書いていく。使う画像は以下のもの。 選択範囲を反転する場合は、「選択」→「反転」から行なう。 「投げ縄ツール」。「自由選択ツール」ともいう。マウスで好きなようにドラッグして範囲を選択する 色で範囲を指定するのが、この「あいまい選択ツール」と「色による選択ツール」。違いは、「色による選択ツール」が、クリックしたところだけでなく、画面上の全ての似ている色を選択するということ。 「アンチエイリアス」「境界のぼかし」は、それぞ
サイト公開前に役立ちそうなフリーのツールやWebサービスいろいろ
Webサービス公開前にサイトをチェック Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 そこで、公開前に色々と確認出来たり、 最適化できる様なフリーのサービスや フリーソフトをご紹介します。 ここで言う「公開前」とは「サーバーにアップする」事ではなく、公開を告知したり、プレスリリースを出す前の状態とお受け下さい。ローンチ前と書くべきだったかもしれませんね。。誤解を与えていたら申し訳ないです。 では、ブラウザチェックツール、モニタ別表示チェック、表示スピードチェックツール、cssや画像の最適化ツール、などなどご紹介していきます。 ブラウザチェック各ブラウザでどのように
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
画像のモードを3ステップで変換するお手軽ツール「CMYK Converter」 | ライフハッカー・ジャパン
