css3 and crossbrowser support

CSS3 &

Cross Browser Support

Orlando Del Aguila

@odelaguila

orlandodelaguila

orlandodelaguila.com

www.bakedweb.net

Cross Browser

Cross Browser?

Cross-browser refers to the ability for a website, web application, HTML construct or client-side script to support all the web browsers. The term cross-browser is often confused with multi-browser. Multi-browser is a new paradigm in web development that allows a website or web application to provide more functionality over several web browsers, while ensuring that the website or web application is accessible to the largest possible audience without any loss in performance. Cross-browser capability allows a website or web application to be properly rendered by all browsers. The term cross-browser has existed since the web development began.

Que sirva en todos los navegadores

border-radius

border-radius gradients

border-radius gradients box-shadow

border-radius gradients box-shadow RGBA

border-radius

Sirve

Sirve

Sirve

No Sirve

PIE hace que Internet Explorer 6-9 sea capaz de renderizar (mostrar) las decoraciones que trae CSS3

PIE hace que Internet Explorer 6-9 sea capaz de renderizar (mostrar) las decoraciones que trae CSS3

http://css3pie.com/download-latest

Sirve

Sirve

Sirve

Sirve

border-radius gradients box-shadow RGBA

gradients

Sirve

Sirve

Sirve

No Sirve

filter: progid: DXImageTransform.Microsoft.gradient (startColorstr=“#EEFF99”, endColorstr=“#66EE33”);

Sirve

Sirve

Sirve

Sirve

border-radius gradients box-shadow RGBA

box-shadow

Sirve

Sirve

Sirve

No Sirve

Sirve

Sirve

Sirve

Sirve

border-radius gradients box-shadow RGBA

RGBA

RGBA?

rgba(red,green,blue,alpha)

Sirve

Sirve

Sirve

No Sirve

ARGB

http://bit.ly/y1LfQt

Sirve

Sirve

Sirve

Sirve

border-radius gradients box-shadow RGBA

Gracias