Upgrade to Pro — share decks privately, control downloads, hide ads and more …

CSS3 and Crossbrowser Support

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..


Orlando Del Aguila

March 21, 2012

More Decks by Orlando Del Aguila

Other Decks in Programming


  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

  13. None
  14. Sirve Sirve Sirve No Sirve

  15. None
  16. None
  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
  19. None
  20. None
  21. Sirve Sirve Sirve Sirve

  22. border-radius gradients box-shadow RGBA

  23. gradients

  24. None
  25. Sirve Sirve Sirve No Sirve

  26. None
  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

  31. None
  32. Sirve Sirve Sirve No Sirve

  33. None
  34. None
  35. Sirve Sirve Sirve Sirve

  36. border-radius gradients box-shadow RGBA

  37. RGBA

  38. RGBA?

  39. rgba(red,green,blue,alpha)

  40. None
  41. Sirve Sirve Sirve No Sirve

  42. None
  43. ARGB

  44. http://bit.ly/y1LfQt

  45. None
  46. Sirve Sirve Sirve Sirve

  47. border-radius gradients box-shadow RGBA

  48. Gracias 