ボックスの装飾 ボーダー:px (HSB:#cccccc R:204 G:204 B:204) 角丸:全部変更 左上px 右上px 左下px 右下px ボックスの装飾 色: (HSB:#7187a4 R:113 G:135 B:164) 透明度:% オフセット:内側 横px 縦px ぼかしのサイズ:px (0以上のみ) 影の広がり:px (0以上で広がり、0以下で縮小) CSSソース
やりすぎても無駄になることがあるので、必要十分なバランスを見極めて実施する。主に社内のプログラマ向けのまとめ資料。他にもあれば追記していく予定。 ページの状態を調べる まず対象のページが、どういった状態なのかを調べる。 Google PageSpeed Insights これを100点満点にする必要はないが、赤くなっている項目に関しては、なるべく対応したほうが良い。モバイルサイトにも対応しているので便利。 https://developers.google.com/speed/pagespeed/insights/?hl=ja pingdom 実際にページにアクセスしてスピードを計測できる。海外サーバなので、けっこう遅い…。最適化前と最適化後で比較するのに使うといい。 http://tools.pingdom.com/fpt/ Chromeデベロッパーツール コンテンツの読み込み順序/速度
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く