CSS3 and Crossbrowser Support

short presentation about css3 and crossbrowser support.. the styling is a cheap copy of the mojombo's presentation 'delivering happiness', i saw him giving that talk in the rubyconf argentina 2011 and i loved the slides..

Transcript

1. CSS3 & Cross Browser Support
2. Orlando Del Aguila
3. @odelaguila orlandodelaguila orlandodelaguila.com www.bakedweb.net
4. Cross Browser
5. Cross Browser?
6. 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.
7. Que sirva en todos los navegadores
8. border-radius
9. border-radius gradients
10. border-radius gradients box-shadow
11. border-radius gradients box-shadow RGBA
12. border-radius
14. Sirve Sirve Sirve No Sirve
17. PIE hace que Internet Explorer 6-9 sea capaz de renderizar (mostrar) las decoraciones que trae CSS3
18. PIE hace que Internet Explorer 6-9 sea capaz de renderizar (mostrar) las decoraciones que trae CSS3 http://css3pie.com/download-latest
21. Sirve Sirve Sirve Sirve
22. border-radius gradients box-shadow RGBA
23. gradients
25. Sirve Sirve Sirve No Sirve
27. filter: progid: DXImageTransform.Microsoft.gradient (startColorstr=“#EEFF99”, endColorstr=“#66EE33”);
28. Sirve Sirve Sirve Sirve
29. border-radius gradients box-shadow RGBA
30. box-shadow
32. Sirve Sirve Sirve No Sirve
35. Sirve Sirve Sirve Sirve
36. border-radius gradients box-shadow RGBA
37. RGBA
38. RGBA?
39. rgba(red,green,blue,alpha)
41. Sirve Sirve Sirve No Sirve
43. ARGB
44. http://bit.ly/y1LfQt
46. Sirve Sirve Sirve Sirve
47. border-radius gradients box-shadow RGBA
48. Gracias 