[CSS]あなたのウェブデザインに繊細を加える珠玉のスタイルシート

繊細のポイントは「気がつくかな？」ぐらいにすること。 そんなわずかな繊細をウェブデザインに加えるスタイルシートを紹介します。 Take Advantage of CSS3 to Achieve Subtle Design デモページ 下記は各ポイントを意訳したものです。 はじめに 繊細の大事なポイントは人々が気づかないかもしれない、そして記憶に残らないくらい非常にささやかなものにすることです。 私はこれが初耳だという人がいることを疑います。これは感覚と認識研究によって述べられたよく知られている概念の一つです。 繊細なデザインが難しいのは、「もう少し多くした方がいいのかな？」と容易に思えてしまうところです。このことを知らないと、繊細は失われるでしょう。 以上を踏まえた上で、ウェブデザインにさまざまな形の繊細を提供するために使用できる三つのCSS3のテクニックを紹介します。 1. transi

[ta1969]

繊細なデザイン

[vitaminsii]

CSS3を使ったナビゲーションとかで使えそうなテクニック。「transition」「nth-of-type」「gradient」「Bonus」

[alex_x]

CSS3でほんのわずかなトランジションやグラデーションを与えるテクニックの紹介。

[chi-bit]

テキストのカラーが少しずつ変化するナビゲーション、「nth-of-type(n)」や「nth-child(n)」を使って異なるmargin設定をしたナビゲーション、グラデーションを使ったフォームの作り方

[toaruR]

たまに俺もそういう使い方するけど、形容動詞として使われる事が多いので、やはり「繊細さ」のがしっくりくるよなぁ。

[buchi39]

あなたのウェブデザインに繊細を加える珠玉のスタイルシート | コリス

[gonta02]

あなたのウェブデザインに繊細を加える珠玉のスタイルシート

[kinacco]

繊細

[hottn]

css webデザイン　web制作

[syanbi]

参考にしたい。

[o_hiroyuki]

css3で繊細なデザイン

[otchy210]

プログレッシブエンハンスメントのお手本のような記事。

[nors]

form input[type=text], form textarea{ background-image:-webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(255,255,255)), color-stop(1, rgb(248,248,248)) ); background-image:-moz-linear-gradient( center

[kitone]

知らなかった

[billy-elliot]

"[css][webdesign][web][テクニック]"

[bugiugi]

ブラウザ間の差異は問題ではない

[ku_marin]

細かいところまで配慮が行き届いたデザインは美しい

[kkeisuke]

transition gradient

[amanotomoki]

html5 css3 のお勉強用

[k_gobo]

"ブラウザ間の差異は問題ではない"”若干のクライアントは教育されることで、利点について関心を与えることができます"CSS書く人が直接説得できればの話だがな。そもそもクラと話す営業が理解してくれない。

[kivatorial23]

フォームのグラデーション　繊細を加えることに失敗はない

[yuenana]

CSS3ネタも増えてきたな。

[Donca]

✔ [CSS]あなたのウェブデザインに繊細を加える珠玉のスタイルシート