TechCrunch | Startup and Technology NewsWelcome back to TechCrunch Mobility — your central hub for news and insights on the future of transportation. Sign up here for free — just click TechCrunch Mobility! Your usual…
[CSS]text-shadowのカラー指定にRGBaが便利な訳
text-shadowのカラー指定に何を使うかというのを意識していませんでしたが、下記のチップスを読んだら「なるほど」と思ったので、紹介します。 A CSS3 Tip デモページ（当方作成） 「text-shadow」のカラー指定には「black」「#000」などが使用できますが、「text-shadow」をサポートしているブラウザは「RGBa」での指定もサポートしているので、RGB値によるカラー指定が行えます。 これは特にPhotoshopで作成した繊細な背景に影のカラーを一致させる際に、威力を発揮するのではないでしょうか。ま、当たり前といえば当たり前なのですが。 まとめると下記のようになります。 RGBa指定が便利な訳 RGBで作成した背景に、正確なRGB値で影を指定できる。 「text-shadow」をサポートするブラウザは「RGBa」の指定もサポート。 また、下記のように20%のブ
「なぜ CSS が巨大になってしまうのか、なにがいけないのか」 - by edvakf in hatena
Nicole Sullivan さんの素晴らしいプレゼン。 5 Mistakes of Massive CSSView more presentations from Nicole Sullivan. 内容は30分ぐらい。ビデオのほうが分かりやすいのでおすすめ。だいたいスライドの35ページ目まではあんまりおもしろくないので飛ばしてもいいと思う。 スライド中に出てくる衝撃的な統計は、Sullivan さんのブログにもまとめられているのでご一見を。 Top 5 Mistakes of Massive CSS | Stubbornella 要旨 CSS の「ベストプラクティス」は間違っている。 プレゼンでは Facebook の例を挙げているけど、例えばサーバー側のロジックでは、ページヘッダー、右コラム、中央、左コラム、フッター、のようにビューを分けるところだけど、CSS をそのような区分でデザ
CSS のコメントの書き方コレアレ
CSSもHTMLと同じように、ソース中にコメントを挿入することができます。 /*と*/で囲った文字列がコメントになりますが、入れ子にすることはできません。また、他のプログラムにあるような「#」や「//」といった単一行コメントはありません。 適切なコメントを挿入することで、複数人での作業するときや、時間がたってから編集するときなどにコードの見通しが良くなります。ブラウザ間の差異を埋めるための宣言やハックなんかも、適用させるブラウザ名や理由などをきちんとコメントで書いておきたいですね。 僕は、スタイルをグループに分けて記述するときなど、コメントを目立たせるために次のように記述しています。 /* ------------------------------ Header ------------------------------ */ div#header { } . . /* -------
CSS解説 -カスケード (スタイル指定が重複した場合)-
あるHTML文書に適用されるスタイルシートには、 「HTML文書作成者」・・・HTML文書に直接記述したり、別ファイルとして用意してlink要素で連携させたりする。 「ユーザ（利用者）」・・・使用するブラウザ等で指定できる場合がある。 「UA（ブラウザ等）」・・・CSSに適合するUAでは、どのスタイルシートよりも先にデフォルトスタイルシートが適用される。（或いはそうであるかの様に動作する。） という３通りの出所があります。これら３つのスタイルシート間で宣言が衝突したり、或いは一つのスタイルシートの中であっても宣言が衝突する事があります。そういった場合に、最終的にどの指定が適用されるのか、その優先順位を決めるのがこの「カスケード処理」です。 この「カスケード処理」では、以下で説明する、 出所による優先順位 詳細度による優先順位 位置による優先順位 の順に処理されます。 その1. 出所による優
!important だらけの CSS にお別れを
CSS を記述するときに記述したスタイルの適用優先順位を理解していないと思ったようにスタイルが適用されなかったり、後からメンテナンスするときに効率的な作業ができ... CSS を記述するときに記述したスタイルの適用優先順位を理解していないと思ったようにスタイルが適用されなかったり、後からメンテナンスするときに効率的な作業ができなかったりと、思わぬところで無駄な時間をとられたりします。 で、結果として !important 宣言を連発、気が付いたら CSS が !important 宣言だらけになるなんてオチが待ってたりするわけですが、そうならないためにも CSS が適用される際の優先順位について簡単におさらいをしてみたいと思います。 CSS は、「Cascading Style Sheets」 という名前の通り、「Cascading」 されて （段階的に） 適用されます。よって、簡単に言っ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Internet Marketing Blog