基本的なWeb制作技術はあっても、「整理されていない」、「やぼったい」、「平凡でつまらない」、「メリハリがない」などといった難題に直面してしまったことはないだろうか。そこで本特集は、Webデザインでつまずきやすい部分を、CSSで解決する実践的なアイデアを紹介する。また、ひと目でわかる「問題の危険度」も掲載。ここで紹介する多彩なテクニックを身につけて、Web表現の幅を広げよう!
TOP > Design , Photoshop > 様々な表現が可能にしてくれるphotoshopブラシセット集「34 Super Cool Photoshop Brushes」 制作の表現をより豊かにそして便利に使えるphotoshopブラシ。様々な表現のphotoshopブラシがリリースされており、使い方によっては高いクオリティを実現できます。今日紹介するのは様々な表現のphotoshopブラシをまとめたエントリー「34 Super Cool Photoshop Brushes」です。 Starry Grunge 爆発から、光、植物などなどさまざまな表現のphotoshopブラシが集められています。今日はその中から気になったブラシセットをいくつか紹介したいと思います。 詳しくは以下 ■Halftone Brushes さまざまなトーンを集めたphotoshopブラシ。デザイン
画像を大量に配置するECサイトなどに便利そうな、スタイルシートのテクニックをCSSplayから紹介します。 CSS play - F.a.S.T - Fit and Shrink Technique デモ サイズはばらばらで、しかもサイズの指定をおこなっていない画像を一定の幅と高さのボックスにアスペクト比を維持したまま真ん中に表示します。 上記のキャプチャはスケールを変えているので、ぜひ元サイトのデモをご確認ください。 対応ブラウザはIE7/8, Fx, Op, Safari(PC), Chromeなど主要なブラウザのほとんどで動作します。 IE6では画像の元サイズで表示されてしまい、しかもボックスの真ん中には表示されない、とのことです。
<textarea name="code" class="css" cols="60" rows="5"> .box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari and Chrome */ border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ -moz-box-shadow: 10px 10px 20px #000; /* Firefox */ -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */ box-shadow: 10px 10px 20
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く