El diseño responsive está muy contemplado hoy en día para maquetar el sitio y conseguir distintos tamaños según el tamaño de la pantalla, pudiendo realizar cualquier tipo de diseño y así optimizar la carga en otros dispositivos con conexión más lenta como puede ser la 3G, en los tablets y smartphones. Se ha hablado mucho del diseño responsive, de todas formas a quien no les viene bien unas herramientas útiles para el diseño responsive, y eso es lo que nos ha traído WDL, nada más y nada menos que 12, con una recopilación de libros al final del artículo.

Responsive Web Design Sketch Sheets

herramientas responsive utiles

Adobe Edge Inspect

herramientas responsive utiles

Foundation

herramientas responsive utiles

RWD Calculator

herramientas responsive utiles

Responsive Layouts, Responsively Wireframed

herramientas responsive utiles

Adaptive Images

herramientas responsive utiles

Bootstrap

herramientas responsive utiles

Retina Images

herramientas responsive utiles

SimpleGrid

herramientas responsive utiles

The 1140px CSS Grid

herramientas responsive utiles

resizeMyBrowser

herramientas responsive utiles

The Responsinator

The Responsinator  te da una aproximación de como el sitio responsive se verá en los distintos dispositivos, aunque es mejor comprobarlo en dispositivos reales.

herramientas responsive utiles

Algunos libros relacionados con el diseño responsive (EN INGLÉS):

via http://www.cssblog.es/12-herramientas-responsive-muy-utiles/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+CssBlogEs+%28CSSBlog+ES%29

Related Posts with Thumbnails
 

Comments are closed.

WordPress Themes