タグ

2010年1月26日のブックマーク (2件)

  • CSS擬似クラスを使うべき理由 | エンタープライズ | マイコミジャーナル

    A List Apart - For People Who Make Websites HTMLCSSは規格通りに使うとすれば縦横無尽にさまざまな記述ができる。しかし規格上サポートされているからといって、馬鹿正直にそうした機能を使うのは避けたい。シンプルな記述であとから読んでも理解しやすい、他人が読んでも理解しやすいHTMLCSSを書けるようになることが理想だ。しかし誰しも最初は素人だ。エキスパートがまとめたドキュメントを参考にして、そうしたテクニックであり勘どころを学んでしまいたい。 フロントエンドデベロッパであるAlex Bischoff氏は5日(米国時間)、A List ApartにおいてKeeping Your Elements' Kids in Line with Offspringという名のもと、CSSHTMLの記述方法について細かい技巧をまとめて発表した。同ドキュメント

    kams3261
    kams3261 2010/01/26
  • jmblog.jp - FireworksでWeb2.0デザインしてみる - Part.2

    FireworksでWeb2.0っぽいデザインを試みるこのコーナー。第二弾はMacのAqua風ボタンを作ってみましょう。 下の図のような感じの角丸矩形(「くけい」って読むのね。)を描きます。角の丸みは20-30%程度。塗りの色は淡い色に、ストローク(線)の色はなしにしておきます。 次に描画した矩形を2回コピー&ペーストして複製を作ります。(つまり全部で3つが重なっている状態。)便宜上、上から順番に「base」「100% round」「temp」という名前をつけます。下の2つはしばらく使わないのでロックをかけておくとよいでしょう。 一番上の「base」を編集していきます。まず、ストローク(線)の色をつけます。「塗り」よりも濃い目の色にすると見栄えが良いです。(例では塗りの色を#DDFF88、ストロークの色を#99CC00、ストロークの種類は1pxの柔らかい線にしてみました。) 次に「シャドウ