July 2016
Intermediate to advanced
384 pages
10h 11m
Japanese
Content preview from CSSシークレット ―47のテクニックでCSSを自在に操る
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
重複を最小限に抑える
コードをDRY で保守しやすい状態に保つことは、ソフトウェア開発での
最大の課題の 1 つです。これは CSSにも当てはまります。保守の容易なコ
ンポーネントが1 つだけあれば、変更が必要になった場合に修正しなけれ
ばならない箇所の数を最小にできます。例えばあるボタンの大きさを変え
る際に複数のルールで 10 箇所も変更が必要だとしたら、変更し忘れた箇
所が残ってしまう可能性があります。もしそれが他人によるコードなら、
変更忘れの可能性はさらに高まります。たとえ変更点が明確だったとして
も、あるいは最終的にはすべての変更点を発見できたとしても、他のこと
のために利用できたかもしれない時間が浪費されることになります。
しかも、このような手間は修正の際にだけ発生するわけではありませ
ん。柔軟なCSSは一度作成すれば、ほんの少しの変更を加えるだけでさま
ざまなバリエーションを作成できます。上書きしなければならない値の数
がとても少ないためです。例を見てみましょう。
図1.4 のボタンでは、次の CSSがスタイル指定に使われています。
CSSコーディングのコツ
padding:6px16px;
border:1pxsolid#446d88;
background:#58alinear‐gradient(#77a0bb,#58a);
border‐radius:4px;
box‐shadow:01px5pxgray;
color:white;
text‐sha
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.