volver a SuperCSS
SuperCSS

SuperCSS #31

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

Bienvenid@ una semana más a un nuevo número de SuperCSS.

Sabías que el 65% del ancho de banda consumido en internet viene directamente de las imágenes?

Google lleva trabajando tiempo en un nuevo formato de imagen llamado WebP que intenta mejorar la compresión de una imagen para conseguir una mayor calidad en un menor tamaño. De momento el soporte por parte de los navegadores es muy pobre, pero esta semana hemos conocido que Facebook ya lo está utilizando a modo de prueba, con algunos de sus usuarios.

Si está creado por el gigante Google y la mayor red social ya ha empezado a utilizarlo, tiene todas las papeletas para que en breve lo tengamos en nuestras páginas…

Hasta el próximo martes!

Articulos & Tutoriales

 

¿Es bueno justificar los textos?

laux.es

Interesante artículo acerca de la idoneidad de justificar los textos en una web, con consejos y buenas prácticas. Al final dependerá del tipo de proyecto y sobre todo del contenido a mostrar.

El pseudoselector target de CSS3

cmorales.es

Tutorial acerca del pseudo-selector :target de CSS3, para qué sirve y varios ejemplos con aplicaciones prácticas.

Renderizar fuentes web fonts en Google Chrome

www.vissit.com

Solución sencilla al problema de renderizado que tiene el navegador Chrome al utilizar fuentes descargadas con @font-face.

Comprende mejor la etiqueta background de CSS3

www.puntogeek.com

Utilizando un ejemplo de Codepen.io, se repasan los nuevos valores incorporados a las propiedades de background, en especial background-size, para conseguir mejoras considerables a la hora de trabajar con fondos.

Tips al definir tu CSS para una web seria y formal

www.cssblog.es

Colección de consejos y trucos que tendríamos que tener en consideración a la hora de elaborar nuestras CSS.

 

Inspiración

 
Adam Hartwig
Adam Hartwig
Agence Creative Leeroy
Agence Creative Leeroy
Midnight House
Midnight House
fade or eddy
fade or eddy
Kerem Suer
Kerem Suer
Le Rockwood
Le Rockwood
 

Recursos

 
34 fragmentos de código CSS gratuitos

34 fragmentos de código CSS gratuitos

Recopilación de fragmentos (snippets) de código css gratuitos para poder usar en cualquier proyecto. Incluye todo tipo de elementos de interfaz: formularios, botones, tablas de precios, etc…

 
Web Colour Data: Paleta de color de un sitio web

Web Colour Data: Paleta de color de un sitio web

Web Colour Data te permite obtener la paleta de color utilizada en un sitio web. Solo tienes que ingresar la URL y obtienes los valores de color junto con su proporción, así como otros datos como la posición en la rueda de color y sitios web con colores similares.

 
Layout_it

Layout_it

Si trabajas con el framework Bootstrap, con Layout it puedes crear el interfaz de un sitio web a través de un sistema de “arrastrar y soltar” de una manera fácil y rápida. Muy util para comenzar un proyecto.