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.
知っておくべきポイント
基本的なtext‐shadow
課題
テキストへの効果の中には、 Web 上で広く使われるようになったもの
もあります。例えば凹凸状の表示、マウスオーバー時のぼかしの追加、飛
び出したように見える表示（錯視）などです。これらは影を使って表現さ
れるのが一般的です。また、錯覚を利用しているものも多く、我々の目の
はたらきに対するある程度の理解も必要です。仕組みを知ってしまえば簡
単に作れるのですが、ブラウザの開発者向けツールを使ったリバースエン
ジニアリングは容易ではないこともあります。
このような表示効果について、いくつか紹介することにします。「これ
は一体どういう仕組みなのだろう」と途方に暮れなくても済むようになる
でしょう。
リアルなテキストの表示
効果
27
230
5章：タイポグラフィー
活版印刷風の効果
凹凸のあるテキストが特徴的な活版印刷風の表示は、スキュアモーフィ
ック（実際のモノに似せた）デザインの Web サイトでしばしば使われま
す。かつてほどの人気は失っていますが、熱狂的なファンも少なくありま
せん。
この表示が最も効果的なのは、中程度に明るい背景と暗い色のテキスト
の組み合わせです。暗い背景と明るいテキストの組み合わせも、テキスト
が黒以外かつ背景が完全な白や黒以外ならうまく機能します ...
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.