CSS3 and Crossbrowser Support

48
CSS3 & Cross Browser Support

description

Presentación de la charla corta que di en el Refresh Valencia sobre CSS3 y Cross Browser support.

Transcript of CSS3 and Crossbrowser Support

Page 1: CSS3 and Crossbrowser Support

CSS3 &

Cross Browser Support

Page 2: CSS3 and Crossbrowser Support

Orlando Del Aguila

Page 3: CSS3 and Crossbrowser Support

@odelaguila

orlandodelaguila

orlandodelaguila.com

www.bakedweb.net

Page 4: CSS3 and Crossbrowser Support

Cross Browser

Page 5: CSS3 and Crossbrowser Support

Cross Browser?

Page 6: CSS3 and Crossbrowser Support

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.

Page 7: CSS3 and Crossbrowser Support

Que sirva en todos los navegadores

Page 8: CSS3 and Crossbrowser Support

border-radius

Page 9: CSS3 and Crossbrowser Support

border-radius gradients

Page 10: CSS3 and Crossbrowser Support

border-radius gradients box-shadow

Page 11: CSS3 and Crossbrowser Support

border-radius gradients box-shadow RGBA

Page 12: CSS3 and Crossbrowser Support

border-radius

Page 13: CSS3 and Crossbrowser Support
Page 14: CSS3 and Crossbrowser Support

Sirve

Sirve

Sirve

No Sirve

Page 15: CSS3 and Crossbrowser Support
Page 16: CSS3 and Crossbrowser Support
Page 17: CSS3 and Crossbrowser Support

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

Page 18: CSS3 and Crossbrowser Support

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

http://css3pie.com/download-latest

Page 19: CSS3 and Crossbrowser Support
Page 20: CSS3 and Crossbrowser Support
Page 21: CSS3 and Crossbrowser Support

Sirve

Sirve

Sirve

Sirve

Page 22: CSS3 and Crossbrowser Support

border-radius gradients box-shadow RGBA

Page 23: CSS3 and Crossbrowser Support

gradients

Page 24: CSS3 and Crossbrowser Support
Page 25: CSS3 and Crossbrowser Support

Sirve

Sirve

Sirve

No Sirve

Page 26: CSS3 and Crossbrowser Support
Page 27: CSS3 and Crossbrowser Support

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

Page 28: CSS3 and Crossbrowser Support

Sirve

Sirve

Sirve

Sirve

Page 29: CSS3 and Crossbrowser Support

border-radius gradients box-shadow RGBA

Page 30: CSS3 and Crossbrowser Support

box-shadow

Page 31: CSS3 and Crossbrowser Support
Page 32: CSS3 and Crossbrowser Support

Sirve

Sirve

Sirve

No Sirve

Page 33: CSS3 and Crossbrowser Support
Page 34: CSS3 and Crossbrowser Support
Page 35: CSS3 and Crossbrowser Support

Sirve

Sirve

Sirve

Sirve

Page 36: CSS3 and Crossbrowser Support

border-radius gradients box-shadow RGBA

Page 37: CSS3 and Crossbrowser Support

RGBA

Page 38: CSS3 and Crossbrowser Support

RGBA?

Page 39: CSS3 and Crossbrowser Support

rgba(red,green,blue,alpha)

Page 40: CSS3 and Crossbrowser Support
Page 41: CSS3 and Crossbrowser Support

Sirve

Sirve

Sirve

No Sirve

Page 42: CSS3 and Crossbrowser Support
Page 43: CSS3 and Crossbrowser Support

ARGB

Page 44: CSS3 and Crossbrowser Support

http://bit.ly/y1LfQt

Page 45: CSS3 and Crossbrowser Support
Page 46: CSS3 and Crossbrowser Support

Sirve

Sirve

Sirve

Sirve

Page 47: CSS3 and Crossbrowser Support

border-radius gradients box-shadow RGBA

Page 48: CSS3 and Crossbrowser Support

Gracias