[B! tips] yamaguchiforbisのブックマーク

30分でできる！Webサイトを高速化する6大原則 (1/4)

Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？　もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう

yamaguchiforbis 2011/11/01

リンク

cssで縦方向中央に配置する方法（5つのケース＋1） | バシャログ。

iPhone 4Sが発売間近。買おうか迷って一旦諦めたはずがまた迷い始めました、hakoishiです。 Siriに甘い言葉をささやきたい。英語できないけど。さて、コーディングで縦中央にオブジェクトを配置したいことって少なくないですよね。しかしながら、cssはそういうのちょっと苦手。「ほら、あの時使ったアレだよアレ！」と過去のソースを掘り起こしてみても、状況が違ってて使えないケースも多かったり。というわけで今回は、cssで縦中央配置するためのtipsを5つのパターンに分けてまとめました。 case1：画像の場合上下方向中央を始点として画像を配置し、画像の縦サイズの1/2だけネガティブマージンで上に移動。サンプル html <p class="case01"> <img src="http://dummyimage.com/100x100/000/fff.gif&text=img