CSS3 and a brief introduction to Google Maps API v3

CSS3 and a brief introduction to Google Maps API v3 Watercooler Session 28 April 2010 Jeffrey Barke

CSS3: What is it? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

CSS3: What is it? (cont’d) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

CSS3: A bit more terminology ,[object Object],[object Object]

Back to practical web design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

How/when/why to use ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Ways to use: Pure CSS3 approach ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Ways to use: CSS3 with fallback to images ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Ways to use: My recommendation ,[object Object],[object Object],[object Object]

CSS3 Selectors ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

CSS3 Selector browser support ,[object Object],Browser Version OS Results Chrome 5.0 Mac 43/43/0/0 Firefox 3.0 Win XP 43/36/0/7 Firefox 3.6 Mac 43/43/0/0 IE 6.0 Win XP 43/10/1/32 IE 7.0 Win Vista 43/13/4/26 IE 8.0 Win 7 43/22/1/20 IE 9 preview Win 7 43/43/0/0 Opera 10.52 Mac 43/43/0/0 Safari 4.0 Mac 43/43/0/0

All the fun new CSS rules ,[object Object],[object Object],[object Object],[object Object],[object Object]

RGBA and HSLA ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Transforms and transitions ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

@font-face ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

@font-face licensing ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

@font-face ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

The future ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Tools, links, etc. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Tools, links, etc. (cont’d) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

And a very brief into to Google Maps API v3 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Some early thoughts on v3 ,[object Object],[object Object],[object Object]

CSS3 and a brief introduction to Google Maps API v3

Recommended

Recommended

More Related Content

What's hot

What's hot (18)

Similar to CSS3 and a brief introduction to Google Maps API v3

Similar to CSS3 and a brief introduction to Google Maps API v3 (20)

Recently uploaded

Recently uploaded (20)

CSS3 and a brief introduction to Google Maps API v3