16 frameworks para elaborar diseños adaptativos

6 Comments

iPhones, iPads, iPads mini, Nexus, portátiles, monitores de 27″,….. demasiados dispositivos y pocas webs que realmente estén bien diseñadas para ellos, veamos que podemos hacer.

Responsive Design, en español Diseño Web Adaptativo, es una técnica de diseño web orientada a que las webs se adapten al al dispositivo del cliente que la está visualizando, y no a la inversa. Las parámetros más importantes que suelen afectar a la visualización son: ancho de página, tamaño de las imágenes y unidades en píxeles o puntos (las cuales se cambian por porcentajes relativos en la medida de lo posible). Existe un atributo en CSS que nos permite cambiar propiedades según el entorno que esté utilizando el usuario: @media.

En Internet existen numerosos frameworks CSS que nos permiten diseñar una web adaptativa sin tener que preocuparnos de editar nosotros el propio CSS, siempre y cuando encajen en lo que necesitemos, en caso contrario tocará picar código. A continuación os nombro alguno de ellos que posiblemente os gusten, recopilados de distintos rankings que existen en la red :).

Initializr

Yamb

The Semantic Grid System

Flamelessgrid

Proportional Grids

Bootstrap

Foundation

The Goldilocks Approach

Amazium

CSS Grid

StackLayout

Simplegrid

Fluid baseline Grid

Columnal

Golden Grid Systen

Skeleton

¿Cuál es vuestro favorito?¿Conocéis alguno interesante que no esté en la lista? El mio por ahora Bootstrap 😉

Suscríbete a nuestra newsletter

6 Comments
    • juan nuñez
    • 18/06/2013
    Responder

    me parece genial pero se puede aplicar en un sistema PHP ?

  1. Pingback: 2013: El año del diseño adaptativo en e-Commerce - ecommondays | ecommondays

  2. Pingback: 2013: El año del diseño adaptativo

    • diseño web madrid
    • 19/11/2012
    Responder

    Las paginas web, suelen tener tres fases de construccion.

    • José Manuel
    • 08/11/2012
    Responder

    Con lo poco que he trabajado en Web me quedo con Bootstrap también 🙂 Pero iré probando algún otro. Muy interesante.

      • Iván
      • 02/06/2013
      Responder

      Idem. Bootstrap me parece de los mejores junto a Skeleton y Foundation.

 

Deja tu comentario