volver a SuperCSS
SuperCSS

SuperCSS #60

# Newsletter sobre diseño web en español #

Bienvenidos a un nuevo número de SuperCSS, el #60!

Nos pasamos tanto tiempo trabajando con el editor de código que una de las acciones más habituales es intentar “adornarlo” aplicando un theme apropiado a nuestros gustos y preferencias.

Sublime Text es, con diferencia, el que presenta un mayor numero de posibilidades de configuración. Mis themes favoritos son: Dayle Rees, Nexus Theme y Phoenix Theme

Y para el que quiera crear el suyo propio, ya hay una aplicación para hacerlo (solo con Chrome): TmTheme Editor

Hasta la semana que viene!

Articulos & Tutoriales

 

Nuevos atributos globales en HTML 5

www.returngis.net

Un repaso a los nuevos atributos globales de HTML5, aquellos atributos que son “comunes” para todos los elementos HTML.

Notas generales de CSS, consejos y directrices

github.com/Wakkos/

Traducción al español de las famosas CSS GuideLines de Harry Roberts, de lectura obligada para todo el que se quiera dedicar al diseño web. La versión original en inglés la podéis encontrar en este enlace.

Múltiples fondos animados con CSS

www.desarrollolibre.net

Tutorial sobre cómo crear múltiples fondos anidados animándolos con un poco de CSS3, sin emplear ni una sola línea de JavaScript; solo puro CSS.

Tutorial WPO: ¿Qué es y por qué utilizarlo?

dariobf.com

Tutorial sobre WPO (Web Performance Optimization) para mejorar el tiempo de carga de nuestro sitio web optimizando el front-end. Consta de 4 artículos muy interesantes, este es el primero de ellos.

Cómo construir una buena ficha de producto en una tienda on line

quieresvenderonline.wordpress.com

La ficha de producto es uno de los elementos importantes en la tienda on line para mejorar las tasas de conversión. Construirla adecuadamente es uno de los elementos que nos permitirán tener éxito de nuestra venta.

 

Inspiración

 
Vintage Hope
Vintage Hope
The Vimeo Player
The Vimeo Player
Sonia
Sonia
Lord and Taylor
Lord and Taylor
Fueled
Fueled
Kurka Wolna
Kurka Wolna
 

Recursos

 
Hover.css - Efectos hover

Hover.css - Efectos hover

Colección de efectos hover con CSS3, muy fáciles de aplicar a tus propios elementos o simplemente como inspiración. Disponible en versión CSS y Sass.

 
Spinkit : CSS Spinners

Spinkit : CSS Spinners

Conjunto de 8 spinners (animaciones de carga) de diferente tipo para usar en páginas y aplicaciones web. Incluye el código fuente en formato HTML y CSS.

 
Favic-o-matic: Generador online de favicon

Favic-o-matic: Generador online de favicon

Con Favic-o-matic puedes generar online tu favicon en versión .ico & .png, y el código HTML necesario para que se pueda ver sin problemas en cualquier navegador y dispositivo. La configuración avanzada incluye todos los tamaños desde 16×16 a 152×152. Muy útil!