amacocoのブックマーク - はてなブックマーク

amacoco id:amacoco

ブックマーク / www.mdn.co.jp (3)

MdN Design｜総合情報サイト
CSS 2.1と比べて、CSS 3には多数のセレクタが追加されている。そのひとつに属性セレクタがある。CSS 2.1では完全一致による指定しかできなかったが【1】、CSS 3では部分一致での指定が可能になった【2】。これにより、リンク先がPDFファイルの場合にPDFアイコンをつけたり【3】【4】、リンク先が「http」から始まる絶対パスの場合にのみ、アイコンをつけられるようになった【5】【6】。【1】 CSS 2.1の属性セレクタは完全一致による指定しかできない【2】 CSS 3の属性セレクタは、CSS 2.1と比べてより柔軟に部分一致で指定できる【3】 a要素のhref属性の値がpdfで終わる場合に、PDFアイコンを表示するCSS 【4】 PDFアイコンが表示されることで、手間をかけることなくユーザーにリンク先のファイル形式を伝えられる【5】 a要素のhref属性の値が「http
amacoco 2011/09/12
CSS3
リンク
MdN Design｜総合情報サイト
汎用性の高いシンプルなボックス型のテーブル【1-1】。見出しである<th> 要素と、その値である<td>要素が判別しやすく、特別な工夫がなくてもわかりやすく表現できるため制作する側も使いやすい。<th> 要素と<td>要素で背景色や文字色を明確に分けるとわかりやすい。ここでは<th>の背景色をオレンジ、文字色を白とした【1-2】【1-3】。【1-1】シンプルなボックス型のテーブル。特別な工夫がなくてもわかりやすい【1-2】html は基本の構造。見出しのセルは<th>を使う【1-3】thとtdでは別々の背景色と文字色にする
amacoco 2011/09/12
デザイン

CSS3

html
リンク
ラフ効果で線を変形してスパークしたようなロゴを作成 - Illustratorテクニカル・ワークス - MdN Design Interactive
押さえておきたい機能とテクニック［描画モード］を変えて重ね合わせ、発光しているように演出線で構成された文字に、ラフ効果でジグザグな加工を施すことでスパークしているような効果を与える。また、色味を変えた文字を［描画モード］を変更し重ねていくことで、発光しているように見せた。制作・文　　高野徹（lolo66） url　　http://www.lolo66.com/ 使用ソフト　　Illustrator CS2/CS3 まず最初に、Illustratorで新規ファイルを作成したら、長方形ツールで塗りが［C：100％、M：0％、Y：100％、K：100％］、線がなしの120×120mmの正方形を作成した。続いて正方形の前面に、文字ツールで文字を入力し、線をなし、塗りを［C：50％、M：0％、Y：100％、K：0％］としておく。さらに、文字を正方形の中心に配置した1-1。 1-1 STEP1
amacoco 2011/08/19
アピアランス

Illustrator

デザイン
リンク
1