SuperCSS #74
# Newsletter sobre diseño web en español #
Publicado el 24 de junio de 2014
Artículos & Tutoriales
HTML5: El uso de la etiqueta Template
Fuente / Autor: www.elwebmaster.com
La etiqueta template es una forma sencilla de estandarizar las técnicas de plantillas para los desarrolladores de HTML5. Ya está siendo soportada por las últimas versiones de los principales navegadores, excepto IE.
Mejoras visuales para una mejor programación con Sublime Text
Fuente / Autor: webdesign.tutsplus.com
Tutorial que muestra algunas configuraciones, plugins, temas y esquemas de color para Sublime Text con el objetivo de ayudarte a hacer la experiencia de programar visualmente más apetecible.
Primeros pasos con Grunt para diseñadores web
Fuente / Autor: trip2themoon.com
Cómo los diseñadores web podemos integrar Grunt en nuestro flujo de trabajo para realizar multitud de tareas habituales dentro del desarrollo un sitio web.
Cómo mejorar el aspecto de nuestra interfaz gráfica
Fuente / Autor: experienciadeusuario.tumblr.com
Sencillas prácticas para mejorar y simplificar el aspecto visual de una interfaz trabajando el espacio entre elementos, suavizando las formas y colores y eliminando todo aquello que provoque ruido visual.
Principios heurísticos de usabilidad
Fuente / Autor: www.saraclip.com
En anteriores newsletters hemos visto los principios heurísticos de Usabilidad de Nielsen, pero este artículo hace una curiosa re-interpretación acompañada de imágenes y ejemplos prácticos actuales.
Inspiración
Recursos
SpriteBox: sprites de imagenes online
Existen muchas aplicaciones para hacer sprites, pero Spritebox además de ser gratuita incluye opciones como el ajuste automático o la exportación para Retina que la pueden convertir en tu favorita a partir de ahora.
Outdated Browser
Interesante script para incluir en nuestras páginas que detecta si el navegador del usuario soporta alguna propiedad CSS3 y en caso contrario le muestra un curioso aviso para que actualice su navegador.
Guia para Wireframing
Un guía imprescindible del trabajo con wireframes, con contenidos teóricos y prácticos para conocer su funcionamiento y como utilizarlos durante el proceso de diseño de un producto.