![http://e0166nt.com/blog-entry-872.html](https://cdn-ak-scissors.b.st-hatena.com/image/square/78c77685c5cbc86dffbc6f847c7c3d68ca9dfcf1/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-45.fc2.com%2Fe%2F0%2F1%2Fe0166%2F201104110021.jpg)
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか? もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション(10段階)、横軸が表示までの時間を表している。1~5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう
CSSはよくも悪くも柔軟で、構造的に管理するのが難しい。デザインが乱れた時に、よくよく確認してみると別な場所で定義されているクラスやID、またはタグ名に対する直接指定のプロパティが影響していたということはよくある。 ブックマークレット形式という珍しいオープンソース・ソフトウェア そのようなデザイン上の問題を素早く解決してくれる手助けをしてくれるのがSelectorGadgetだ。 今回紹介するオープンソース・ソフトウェアはSelectorGadget、ブックマークレット型のCSS構造解析ツールだ。 SelectorGadgetはオープンソース・ソフトウェアではあるが、ブックマークレットをコピーするだけでも利用を開始することができる。任意のページでブックマークレットを実行するとSelectorGadgetがローディングされる。 HTMLの構造が手軽に分かる それが終わったらCSS設定を知りた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く