Layout Responsive / Adaptativo / Flexible

4/Feb/2013 8

Nuevos conceptos pero no tan nuevas técnicas. La moda del diseño/desarrollo responsive hace necesaria una aclaración de algunas definiciones. Y qué mejor que hacerlo con un ejemplo utilizando las mismas técnicas descritas, para que puedan bucear por el código fuente.

Responsive

Acuñado en 2010 por Ethan Marcotte, corresponde a una grilla fluida que responde al cambio del ancho de un browser mediante mediaqueries, el cual incluye imágenes y videos.

Adaptativo

Rama del responsiveness, responde a múltiples versiones del mismo diseño que se adapta según el tamaño de la pantalla bajo diferentes anchos ya definidos.

Flexible

El más antiguo y soportado por todos los browsers, también denominado líquido. Usa unidades de medidas como porcentajes y no requiere mediaqueries.

Ejemplo

Comentarios

  1. Lydia [#]

    Muy interesante esto, porque no tenía ni idea de las diferencias y lo más util, a mi parecer, es diferenciar entre Adaptativo y Responsive. Los estaba confundiendo o, mejor dicho, creía que eran lo mismo.

    Gracias.

  2. Marcela [#]

    Me gusto la definicion clara de cada concepto. No se si has hablado hacerca de http://herramientas-online.com/responsive/responsive-design-test-online.php la cual es una herramienta que ha tenido bastante auge dentro de este mundo Responsive.

    Saludes Jorge.

  3. Danilo [#]

    Buena definición de conceptos muy importantes en el mundo responsive.

  4. generic cialis reviews [#]

    cialis generic name

  5. brimonidine [#]

    buy generic brimonidine combigan uk

  6. combigan [#]

    brimonidine tartrate ophthalmic buy brimonidine

  7. Pyujiy [#]

    tadalafil online canadian pharmacy – tadalafil 10 mg buy tadalafil online cheap

  8. Tadalafil [#]

    tadalafil 20mg megalis 20 tablet use in hindi

Deja tu Comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

CSSLab