Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Tag Archives: CSS3

[CSS] 50 New CSS Techniques For Your Next Web Design – 次のウェブデザインのための新しいCSS Tips

  • Pocket
  • このエントリーをはてなブックマークに追加

ウェブデザインを次の段階に押し上げる、新しいCSSテクニックが50例まとめられた記事。これなかなか読み応えあります。量もさることながら、新しいCSS 3関連のテクニックも多く紹介されているので、「CSS 3に関してはこれから」という人にちょうどイイ感じ。アルファを使った汎用的なボタンデザイン(こちら)とかアツい。汎用的って点がイイなぁ。とは言っても、まだCSS 3を使えるブラウザ利用率が低いので、実用的となる時期はもうちょい先のような気がします。

[CSS 3] CSS 3 Cheat Sheet (PDF) – CSS 3のチートシート

  • Pocket
  • このエントリーをはてなブックマークに追加

CSS3のチートシートがPDFとして配布されています。こりゃ印刷してデスクの引き出しにでも忍ばせておくと後々イイかも。PDFの中身を見ると、見慣れないプロパティーがチラホラ。まぁ今後徐々に慣れていくほかありませんな。ちなみに赤字はショートハンド記述だそうです。自分もぼちぼち勉強してかなきゃなー、っとわりとのんびり構えております。

[CSS 3] Take Your Design To The Next Level With CSS3 – CSS3でできること

  • Pocket
  • このエントリーをはてなブックマークに追加

間近に迫っているCSS3に関して、実際のトコ何ができるようになるのかについてまとめられてます。セレクタ関係、色と透明度、カラムレイアウトに関して、背景、テキストシャドウ、フォント関係、角丸のDIVボックスなど、デザイン要素のいくつかを画像からコーディングサイドに移す事ができそうです。現状Safari 4しか対応してませんが、モダンブラウザから徐々に対応していくことでしょう。コーダーのみなさん、忙しくなりそうですw

[CSS] 5 CSS3 Techniques For Major Browsers using the Power of jQuery – jQueryを使ったCSS3のテクニック

  • Pocket
  • このエントリーをはてなブックマークに追加

jQueryを使って、来るべきCSS3で使えるようになるテクニックを先取りしちゃおう!みたいな記事。角丸のDIVボックス、ボーダー部にイメージ配置、バックグラウンドに複数のイメージ配置、テキストへのドロップシャドウ、透明度の設定などが紹介されてます。っていうか色々便利になるんだなぁ。デザイナー的にこういうのって待ち遠しいですな。まぁ着いていくのが大変と言えば大変だけど。