tag: 7 consejos para hacer buen responsive design
Este 2014 es el año de la prima de riesgo, Lana del Rey, las pelis de superhéroes y el diseño sensible o responsive design (amigo lector, esto es sólo la intro del post, no centres tus iras en ella…). Por eso, cuando he visto un post en uno de mis blogs de desarrollo de cabecera, Cats who Code, con una serie de consejos o tips para crear diseños responsive de calidad, me he visto en la obligación ética y moral de compartirlo con toda la comunidad de ingenieros en informática Inacap. En total son 7 consejos para hacer buen responsive design y tengo que reconocer que los comparto todos y cada uno:
tag: 7 consejos para hacer buen responsive design
- Empieza con una plantilla. Si, mola ser un tipo duro y empezar las cosas desde cero pero si hay cosas muy chulas ya hechas (Skeleton, Omega, Amazium…), ¿por qué no utilizarlas?
- Trabaja con layouts basados en grids fluidos. Lo que en cristiano viene a ser: ni una medida en pixeles, todo en porcentajes y relaciones
- Imágenes flexibles o adaptativas. Esto no siempre es fácil y la mayoría de las veces es costoso pero con unas reglas de CSS bien definidas y un buen número de presets para los tamaños de las imágenes, se puede lograr y dar un aspecto genial.
- jQuery es tu amigo. Y los plugins de jQuery son más amigos tuyos todavía, añado yo. Exprímelos todo lo que puedas, sin miedo.
- No te olvides del viewport de Apple. Porque ahora los iPhones y los iPads son lo que está llevando el mercado y lo sabes.
- Fondos escalables. Primordial para dar una sensación de responsive design bien hecho.
- Inspírate. Ya dijo Picasso aquello de “los buenos artistas copian, los genios roban”. No tengas miedo a ser un Tarantino e inspírate todo lo que puedas. No se trata de inventar la rueda sino de que esta haga ir a nuestro vehículo lo más rápido posible.
- Prueba, prueba y vuelve a probar. Hay en ciertos ámbitos culturetas cierto desdén por el “prueba y error”. En el caso del responsive design no queda otra, tanto que se puede hacer tedioso… aunque por suerte hay algunas herramientas que nos pueden facilitar un poco la vida.
Y esto es todo. Ya sabes, dejo este codigo para que lo tomen en cuenta ya que esto esta muy de moda y te dará un plus a la hora de ofrecer tus diseños te dejo unas paginas de referencia para que les heches un looking.
tag: 7 consejos para hacer buen responsive design
