[B! テクニック][Webデザイン] kosiganのブックマーク

kosigan id:kosigan

テクニックとWebデザインに関するkosiganのブックマーク (3)

ウェブデザインで効果的に半透明とオーバーレイのテクニックを使う方法とその実例
半透明とオーバーレイのテクニックは効果的に使用すると、奥行きとリアリズムを作り出し、退屈なウェブデザインにモダンな印象を与えます。 Onextrapixelから、ウェブデザインにおいて効果的に半透明とオーバーレイのテクニックを使う方法とその実例を紹介します。 Opacity and Overlay Techniques in Web Design [ad#ad-2] 下記は各ポイントを意訳したものです。 Dark Overlay Light Overlay Color Mixes Dark Overlay ブラック、あるいは暗いグレーを使ったオーバーレイ。最近のウェブデザインでよく見かけるタイプです。見た目はスタイリッシュになり、画像やスライドショー、ナビゲーションなどによく利用されています。このテクニックを利用する際は、CSSでの透過をサポートしていないブラウザがまだあるため、PNGで
kosigan 2011/05/14
Webデザイン

テクニック

半透明
リンク
覚えて良かったCSSテクニック « zaru blog
ここ最近、覚えてよかったなーと思ったCSSテクニックをまとめてみる CSSテクニックは時代とともに変わっていくけれど、ここ1年ほどスタメンレベルで使うCSSテクニックが絞られてきたので、ここらでちょっと個人的にもまとめておこうかと。 liボックス幅：190px マージン：15px liボックスダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。 liボックスダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。 <li>にはクラスを指定せずに、左右にぴったりくっ付くように配置が可能。 <style type="text/css"> #box1{ width: 600px; } ul{ width: 615px; margin: 0 -15px 0 0; overflow: hidden; _zoom: 1; font-size:7
kosigan 2010/04/23
CSS

テクニック

WEBデザイン
リンク
MdN Design｜総合情報サイト
基本的なWeb制作技術はあっても、「整理されていない」、「やぼったい」、「平凡でつまらない」、「メリハリがない」などといった難題に直面してしまったことはないだろうか。そこで本特集は、Webデザインでつまずきやすい部分を、CSSで解決する実践的なアイデアを紹介する。また、ひと目でわかる「問題の危険度」も掲載。ここで紹介する多彩なテクニックを身につけて、Web表現の幅を広げよう！
kosigan 2010/04/13
あとで読む

Webデザイン

テクニック
リンク
1