SuperCSS #SP

Bienvenid@ al último newsletter del año.

Termina el 2013, el año del diseño flat, el efecto parallax y la consolidación del diseño web responsive. También es el año de la desaparición de aplicaciones como Google Reader o el reproductor Winamp.

El 2014 promete…la especificación de HTML5 se convertirá en «recomendación», asistiremos a la desaparición definitiva del Internet Explorer 8 y podremos maquetar por fin con flexbox.

Pero sin duda, lo mejor será conocer la esperada aplicación Macaw (disponible en Enero 2014), que estoy seguro que revolucionará la forma de trabajar en diseño web.

Este newsletter es una recopilación de los mejores artículos y tutoriales del 2013.

Feliz Navidad y Feliz Año a tod@s, fue un placer escribir cada semana.

Nos leemos pronto.

Félix Ortega (@flodar)

Articulos & Tutoriales

CSS3: Buenas prácticas para diseñadores

Manual de buenas prácticas para diseñadores incluyendo algunas de las directrices que te ayudarán a escribir código CSS3 más eficaz, fácil de mantener y a prueba de futuro.

Maquetación SEO en HTML5: Div, Article, Section o Aside?

La maquetación en HTML5 poco a poco va imponiéndose en el desarrollo web actual. En este artículo se repasan las nuevas etiquetas semánticas de HTML5 y su orientación al SEO.

Flexbox, las nuevas interfaces flexibles de CSS3

Flexbox es como se denomina al flexible box layout, que podríamos traducir como maquetación de cajas flexibles, una nueva forma de maquetar interfaces mediante CSS3.

10 secretos de CSS3 que tal vez no conocías (con ejemplos)

Traducción al español de la conferencia impartida por Lea Verou en la que nos explica el uso de algunas propiedades, efectos, transiciones y animaciones en CSS3. Puedes ver la ponencia oficial en inglés desde este enlace.

Una nueva metodologia para diseño responsive

Traducción al español del artículo que apareció en la revista inglesa .net que nos habla de un nuevo proceso de trabajo a la hora de elaborar diseños responsive.

Optimizar CSS

La optimización es una parte vital del desarrollo y mantenimiento de un sitio web. Con estos consejos y trucos prácticos aprenderás a optimizar y reducir tus CSS.

10 consejos para mejorar la visibilidad de una web

Guía que recopila los 10 mejores consejos para mejorar la visibilidad de un sitio web.

Escribiendo jQuery como PRO

Buenos consejos y técnicas para mejorar nuestra programación en jQuery.

El Hover ha muerto, larga vida al Hover

El hover es un útil elemento UI para usuarios de escritorio, pero no funciona con dispositivos táctiles. Este artículo analiza el presente y futuro de uno de los efectos CSS más utilizados en el mundo del diseño web.

Velocidad de tiempo de carga en diseño web

Artículo con algunos consejos para reducir el tiempo de carga de una página web. Incluye además varias herramientas para medir y testear el tiempo de descarga de tu web.

Estructura con CSS

Completo tutorial por pasos sobre todos los elementos que forman parte de la Estructura en CSS. Es la traducción al español de la versión en inglés ( Learn CSS Layout ). Imprescindible!

Diseñar un formulario de contacto minimalista con CSS3 y HTML5

Tutorial para crear un formulario de contacto minimalista, maquetado con CSS3 y validado con HTML5 sin necesidad de usar Javascript.

Una docena de razones para utilizar Sublime Text 2

Si no conoces Sublime Text, no sabes el editor de código que te estás perdiendo…Aquí tienes varios consejos, trucos y configuraciones para trabajar con él de una manera rápida y eficiente.

Por qué una página web no puede valer 500 euros

Buena reflexión con argumentos de peso para utilizar con esos clientes que no suelen valorar el trabajo que hay detrás de un proyecto web.

5 propiedades de HTML5 que necesitas saber

HTML5 nos ha traído una serie de funcionalidades bastante sencillas de implementar. Este artículo muestra cinco de esas funciones que deberías conocer.

9 mitos sobre UX

Artículo que describe 9 mitos sobre usabilidad y experiencia de usuario acompañados de su descripción así como de algunos estudios y artículos complementarios.

Procesos de diseño web: Hammer vs Codekit

Introducción sobre Hammer, una herramienta para ahorrar tiempo a la hora de crear una página web. El autor describe su proceso de diseño y como Hammer ha cambiado su forma de trabajar.

Diseño de interfaces. Lo que deberías saber

Crear interfaces se convierte a menudo en un ejercicio de equilibrio donde tenemos que hacer malabares para que todo esté en su sitio de una manera clara, concisa, eficiente, atractiva…