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
Tweet

More Decks by Orlando Del Aguila

Other Decks in Programming

Transcript

  1. CSS3
    &
    Cross Browser
    Support

    View full-size slide

  2. Orlando
    Del
    Aguila

    View full-size slide

  3. @odelaguila
    orlandodelaguila
    orlandodelaguila.com
    www.bakedweb.net

    View full-size slide

  4. Cross
    Browser

    View full-size slide

  5. Cross
    Browser?

    View full-size slide

  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.

    View full-size slide

  7. Que sirva en
    todos los
    navegadores

    View full-size slide

  8. border-radius

    View full-size slide

  9. border-radius
    gradients

    View full-size slide

  10. border-radius
    gradients
    box-shadow

    View full-size slide

  11. border-radius
    gradients
    box-shadow
    RGBA

    View full-size slide

  12. border-radius

    View full-size slide

  13. Sirve
    Sirve
    Sirve
    No Sirve

    View full-size slide

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

    View full-size slide

  15. PIE hace que Internet Explorer 6-9 sea
    capaz de renderizar (mostrar) las
    decoraciones que trae CSS3
    http://css3pie.com/download-latest

    View full-size slide

  16. Sirve
    Sirve
    Sirve
    Sirve

    View full-size slide

  17. border-radius
    gradients
    box-shadow
    RGBA

    View full-size slide

  18. Sirve
    Sirve
    Sirve
    No Sirve

    View full-size slide

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

    View full-size slide

  20. Sirve
    Sirve
    Sirve
    Sirve

    View full-size slide

  21. border-radius
    gradients
    box-shadow
    RGBA

    View full-size slide

  22. Sirve
    Sirve
    Sirve
    No Sirve

    View full-size slide

  23. Sirve
    Sirve
    Sirve
    Sirve

    View full-size slide

  24. border-radius
    gradients
    box-shadow
    RGBA

    View full-size slide

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

    View full-size slide

  26. Sirve
    Sirve
    Sirve
    No Sirve

    View full-size slide

  27. http://bit.ly/y1LfQt

    View full-size slide

  28. Sirve
    Sirve
    Sirve
    Sirve

    View full-size slide

  29. border-radius
    gradients
    box-shadow
    RGBA

    View full-size slide

  30. Gracias 

    View full-size slide