タグ

ブックマーク / d.hatena.ne.jp/brazil (2)

  • Collection & Copy - パフォーマンス、インターフェイス、まとめること

    メモ仕事JavaScriptを使う前、理屈だけを勉強しているときは、パフォーマンスを軽んじていた。まずは適切に書くことが一番で、きちんと書けてさえいれば、後から簡単に高速化できるように漠然と思っていた。 しかしプロジェクトで書き、またLDRを使い、速いことは気持ちよいということを知った。サーバーからのレスポンスタイムを5秒から2秒に縮めるよりも、GUIのポップアップを0.3秒から0.1秒へ縮めるほうが、0.1秒から0.05秒に縮めるほうが、効果が大きく、より使って気持ちよくなるように思う。 時間は、意識の集中の度合いにより伸び縮みする。ページロードを待つ時間の集中よりも、キー操作を行い反応を待つ時間の集中のほうが濃く、この間、時間は延びている。また逆に、時間の掛かるインターフェイスに対しては、時間が延びるのを避けるため、意識が集中しない。 ユーザビリティや、使い勝手は、ベンチマークの数値

    disable
    disable 2006/08/21
    ☆☆☆☆☆
  • Collection & Copy - 上下左右の中央にボックスを配置する

    (via Subtech Watchlist - typester) Collection & Copy - 上下左右中央の件、改善、補足コメント頂き、改善、補足を書きました。 CSS vertical center using float and clear 上記、CSSで上下左右の中央にボックスを配置するページを読みました。要約すると以下のHTMLになるようです(必要なものも削っちゃったかも)。ポイントとなるスタイルシート設定にコメントを入れました。 CSS、きっと分かってる人には、あったりまえなんだろうなぁ。「float:left」と「clear:left」がペアで対応してるんですね。あと、marginのautoはIEで、うまく動かないのか。余白用のブロック(distance)は、まず画面の縦半分の長さで空間を確保し、文のブロックの半分のサイズだけマージンを減らして、ちょうどよい

    disable
    disable 2006/05/20
    #container{width:20em; height:20em; position:relative; top:50%; left:50%; margin:-10em 0 0 -10em;}
  • 1