パンプキンスパイスラテ

IT系のことが多めの日記帳です

CSS

ユーザビリティの高いフォームレイアウトの提案

どこかでみて「なるほど」と思ったんだけど、URLを忘れてしまったのでまとめておきます。 Before よく、こういうフォームがありますね。 まぁよくある普通のフォームです。 別にこれが悪いっていうわけではないのですが、ユーザーの視線の動きを考えると、下…

cssのfloatプロパティについてのメモ

css

新しいブログをはじめました!ブログ名:筋肉カメレオンWordpressやAWS、時々筋トレについて書いてます。ハマったので今後のためにメモしておく。 やりたいこと 2つのブロック要素を右に寄せて横並びにさせたい。 イメージ <p>A要素</p><p>B要素</p> はじめにやったこと XH…

iPhone用に最適化されているサイト

PC用:http://www.honeyee.com/ iPhone用:http://www.honeyee.com/iphone/ パンくずの表現の仕方とか、リストのスタイルとか参考になる。 これからはiPhoneを見越したマークアップが必要になってくるんだろうなぁ。 iPhoneはFlashが使えないので、一部でも…

IE6以外のモダンブラウザのみに適用させるスタイルの指定方法

CSS

自分メモ。 *>h1 { padding-left: 17px; } 子供セレクタ「>」を使って「*>」のように書く。

widthとheight

CSS

width→「ウィズ」(width - goo 辞書) height→「ハイト」(height - goo 辞書) widthとheightの読み方 - 130単位 そうそう正しくは「ウィズ」と「ハイト」らしいんだよね。 俺はHTMLを趣味でやってた時は、心の中で「ウィドス」と「ヘイジーエイチティ」って読…

最近のお気に入りCSS

CSS

css部分 #topicPath ol{ margin: 0; padding: 0; list-style-type: none; } #topicPath li{ display: inline; } #topicPath a{ background-image: url(topic_path.gif); background-repeat: no-repeat; background-position: right; padding-right: 14px; } …