volver a SuperCSS
SuperCSS

SuperCSS #63

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

Bienvenid@ a un nuevo número de SuperCSS.

En general, se considera que para web, el rango adecuado de caracteres por línea está entre los 45 y 75 caracteres. Dentro de estos números conseguimos que el texto sea legible y evitamos que los usuarios puedan “perderse” visualmente con los saltos de línea.

Si no queremos volvernos locos contando caracteres, sobre todo cuando estamos ajustando la tipografía en diseños responsive, existe un bookmarklet para navegadores que nos ilumina en rojo las letras de dicho intervalo óptimo en aquel elemento que seleccionemos.

Feliz semana, hasta el próximo envío!

Articulos & Tutoriales

 

HTML 5 autocomplete

www.returngis.net

Artículo acerca de una de las nuevas características que podemos utilizar gracias a HTML5, el atributo “autocomplete” el cual podemos usar en las cajas de texto de los formularios.

Efectos CSS3 fáciles con Google Fonts

abarcarodriguez.com

Pequeño truco para ahorrar trabajo y conseguir multitud de efectos de CSS3 a la hora de usar fuentes con Google Fonts.

Cómo hacer un presupuesto de diseño web

www.creativosonline.org

Una de las tareas más complicadas en el mundo del diseño web es el tener que realizar un presupuesto. En esta guía explican cómo elaborar uno junto con una serie de recursos para su redacción.

16 Mitos sobre la optimización de Sitios Web

www.maestrodelacomputacion.net

Interesante infografía para conocer algunos de los mitos más populares sobre la optimización de Sitios Web.

Diseñando para el cerebro adolescente

www.carmenhevia.es

¿Hay algo que se deba tener en cuenta a la hora de diseñar una Web para adolescentes? ¡Si! Su cerebro está pasando por unos cambios importantes que hay que conocer. Descubre cuáles son y cómo aplicarlo en éste artículo que te sorprenderá.

 

Inspiración

 
Sonia Rykiel
Sonia Rykiel
Roman Kirichik
Roman Kirichik
Passeio Pedra Branca
Passeio Pedra Branca
Massimo Künstler
Massimo Künstler
Ditto Residential
Ditto Residential
Design Embraced
Design Embraced
 

Recursos

 
Start Bootstrap : plantillas para comenzar proyectos con Bootstrap 3

Start Bootstrap : plantillas para comenzar proyectos con Bootstrap 3

Colección de themes y plantillas HTML para comenzar proyectos web con Bootstrap 3. Algunas son de pago pero la mayoría son completamente gratuitas

 
WebDesignRepo : Listado de recursos para diseño web

WebDesignRepo : Listado de recursos para diseño web

WebDesigRepo es una recopilación de los mejores enlaces de utilidades y recursos para diseño/desarrollo web. Debería estar ya en tus favoritos!!!

 
Iconos Social Media gratuitos

Iconos Social Media gratuitos

Pack de iconos gratuitos para redes sociales en varias formas: circulares, cuadrados, redondos y con forma de flor. Ademas se incluyen en diferentes tamaños y dos formatos (.psd y .png).