Interfaces y Responsive Web Design para todos

1,501 views

Published on

Presentación del JoomlaDay 2012 sobre interfaces y como empezar con responsive web design

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

  • Be the first to like this

No Downloads
Views
Total views
1,501
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
24
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • http://www.alistapart.com/articles/responsive-web-design/
  • Interfaces y Responsive Web Design para todos

    1. 1. Interfaces y RWD para todos Adrián Catalán adriancatalan@elementalgeeks.com @ykro
    2. 2. DESCARGO DE RESPONSABILIDADESTE ES DE LOSQUE NO DISEÑANNI UN BOTÓN
    3. 3. ¿por qué móviles?
    4. 4. todos
    5. 5. TODOS
    6. 6. http://phonecount.com/pc/count.jsp
    7. 7. CONTENIDO
    8. 8. “ We can design for an optimal viewing experience, but embed standards- based technologies into our designs to make them not only more flexible, but more adaptive to the media that renders them. Ethan Marcottehttp://www.alistapart.com/articles/responsive-web-design/
    9. 9. Volviéndonos Responsive
    10. 10. 1.Grid e imágenes fluídas2.Media queries3.Llorar4.Todo listo
    11. 11. http://blueprintcss.org/
    12. 12. LESShttp://lessframework.com/
    13. 13. FRAMELESShttp://framelessgrid.com/
    14. 14. http://960.gs/
    15. 15. http://www.alistapart.com/articles /fluidgrids
    16. 16. http://www.netmagazine.com/tuto rials/create-fluid-width-videos
    17. 17. @media
    18. 18. http://mediaqueri.es/
    19. 19. http://code.google.com/p/css3- mediaqueries-js/
    20. 20. no estan fácil
    21. 21. frameworks
    22. 22. Bootstraphttp://twitter.github.com/bootstrap/
    23. 23. Foundationhttp://foundation.zurb.com/
    24. 24. ejemplos
    25. 25. http://www.antarcticstation.org/
    26. 26. http://thisismadebyhand.com/
    27. 27. http://bostonglobe.com/
    28. 28. Adrián Catalánadriancatalan@elementalgeeks.com @ykro

    ×