CSSに関するshunkeenのブックマーク (2)
-
概要 このグラデーションは、#ff0000 → #00ff00のグラデーションになります。 みなさんは、このクラデーションを見てどう思いますか? 真ん中あたりの色が茶色っぽくなって あまり綺麗なグラデーションとは感じないですよね?この記事では、これが発生する原因と綺麗なグラデーションの作り方を 解説していきます。 この記事を読んで理解すれば、綺麗なグラデーションが簡単に作れるようになるでしょう。 原因 1. RGBについて理解する RGBは、赤︵Red︶、緑︵Green︶、青︵Blue︶の3つの色を それぞれ、0~255の値を指定することで、色が作られます。 例えば、 R: 255, G: 0, B: 0 → 赤 R: 255, G: 255, B: 0 → 黄色 このように色が指定されます。 では、RGB全てが同じ値の時はどんな色になるでしょうか? 答えは、↑このようにグレースケールカ
-
ヘイドン・ピカリングとアンディ・ベルの共著﹃Every Layout﹄が日本語に翻訳された。光栄なことに僕も出版前のレビュワーのひとりとして、微力ながらお手伝いさせていただいている。 タイトルが示すとおり、本書はCSSによるウェブデザインのうち﹁レイアウト﹂の問題に焦点を絞ったものだ。レイアウトといってもページ全体のグリッドのことだけではなく、ボタンやアイコンのような小さな部品に至るまで、CSSが﹁ボックス﹂として扱うあらゆる要素を対象としている。 テーマの根底にあるのは﹁コンポジション﹂というコンセプトだ。CSSによってインターフェイス部品を形づくるとき、それらひとつひとつを独自の、独立したものとして捉えるのではなく、基本的で小さなレイアウトの組み合わせたコンポジションとして捉えるべきである、と著者は主張する。そしてそのように組み合わされる小さなレイアウトを﹁レイアウト・プリミティヴ﹂と
-
1