CSS3 and Crossbrowser Support

349 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
349
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

CSS3 and Crossbrowser Support

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

×