2012/03/19
floatで並べたリストを中央揃えする方法
簡単に考えていたことほど、一旦つまづくと解決までに時間がかかってしまうことが多いですよね。。。しかも、よく忘れる。。。ので、メモることに。
フッターメニューやページャー（ページネーション）を、floatで横並びした際、メニュー全体をセンタリングさせようと思っても、｢margin｣や｢text-align｣などでは一向にセンタリングしてくれません。
そんなときは、｢position｣で位置を
...end more
2012/03/19
CSSスプライトでサイトを高速化
ロールオーバーを円滑にしてくれるCSSスプライトについて、いまさらながらメモる。そもそも、CSSスプライトとはなにかというと、ロールオーバ時とそうでない時の2パターンの画像をひとつにまとめて、CSSでポジションを指定することによりロールオーバーを表示させるCSSのテクニック。ひとつのロールオーバーだけだと2画像が1画像になるだけなので、それほどメリットはないが、複数のロールオーバーの画像をまとめる
...end more
2012/03/16
CSS3でできるいろいろ パート1
そろそろ本格的にCSS3とHTML5のことを気にしてあげないといけないと思いメモることに。
これまでJavaScriptを入れなければできなかった処理ができるようになったので、覚えておいてそんはないかと。
ただ、まだ対応していないブラウザもあるので、注意が必要ですね。
Transitions（要はアニメーションですね。）
property : プロパティ、
duration：アニメー
...end more
2012/03/16
floatで段組みした要素の高さが無視される件
CSSで段組み作成する場合の基本の基本、「float」についてメモる。
調べれば星の数ほどでてくることなので、説明は特に無しでいきます。
例えば、
[html]
<div class="parent-div">
<div class="child-div"></div>
<div class=&quo
...end more