ねこきっくぱんちのメモ帳

webの勉強メモです。 HTML,CSS,JavaScript,PHP,Illustrator,Photoshopなど。

Performance

web012 Web表示速度の理想値

Web表示速度の理想値 Performanceタグでは改善の手助けとなる観点や技術を記載していきます。■理想値 目標:2秒以内とする。 理由:根拠となるデータ(要約) ・3秒以上かかるページからは40%が離脱する ・1秒の遅れが16%の顧客満足度を低下させる ・52%ペ…

web002 CSS Sprite

CSSスプライトの1事例■手番 ※Illustratorで作成したスプライト用の画像サイズ980x110 ※1ボタンは140x50 ・ナビゲーションとしてリスト作成(html) ・background-imageで画像を指定(css) ・bakcground-positionで画像の位置指定(css)■コード html <div class="header"> <h1><img src="img/h1-logo.png" alt="hatena"></h1> <ul class="nav"> <li id="top"><a href="#">トップペ</a></li></ul></div>…