CSS3の基本

CSS3の概要

• CSS3は、これまで使ってきたCSSの延長

CSS3を使うメリット

1. classやidに頼らないセレクタ作りが可能になる
2. CSS3だけで表現できるデザインの幅が広がる
3. 簡単に柔軟な他段組を実現できるようになる
4. CSSだけで「動き」をつけられるようになる

CSS3は下位互換

• CSS3は、CSS2.1を含みます
• 新たに追加されたプロパティやセレクタは、従来のプロパティを阻害しません

未対応のブラウザの確認

• HTML5 & CSS3 Support

bestvpn.org

特定項目の対応

• Can I use

CSS3で何ができるか

• Webフォント
• メニュー
• 写真ギャラリー
• アニメーション

W3C HTML5 Logo

• https://www.w3.org/html/logo/

BeerCamp at SXSW 2011

• http://2011.beercamp.com/

weet tabbed navigation

• http://demo.marcofolio.net/css3_tabbed_nav/

Creating Polaroid Style Images with Just CSS

• http://zurb.com/playground/css3-polaroids

CSS DEMOS › Responsive momentum swipe gallery

• http://www.cssplay.co.uk/menu/cssplay-momentum-swipe-gallery.html

Fun with CSS3 and mootools

• http://demo.rickyh.co.uk/fun-with-CSS3-and-mootools/