volver a SuperCSS
SuperCSS

SuperCSS #76

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

Bienvenid@ al número #76 de SuperCSS.

Tras varios meses como beta, ya es oficial la nueva versión de Can I use un recurso imprescindible para conocer la compatibilidad con navegadores de selectores y propiedades de CSS, HTML5, API de JS, SVG, etc…

Este rediseño destaca por su velocidad de carga (literalmente vuela!) y por detectar tu localización para ofrecerte, ademas del valor de uso del navegador a nivel global, el de tu país y así poder comparar.

SuperCSS se toma unos días de vacaciones, por lo que este es el último envío de esta temporada.

Nos volveremos a leer en Septiembre!

Articulos & Tutoriales

 

30 Selectores CSS que debes memorizar

code.tutsplus.com

Un repaso a los 30 selectores de CSS más utilizados, seguro que muchos ya los conoces, te recomiendo revisar los 10 últimos que son los más avanzados.

Mostrando notificaciones desde el navegador con HTML5

www.jasoft.org

Tutorial avanzado para enviar notificaciones desde el navegador ante ciertos eventos usando la API de notificaciones de HTML5.

Infografía sobre buenas prácticas en formularios

www.factorsim.info

Interesante infografía que recopila buenas practicas a la hora de diseñar un formulario para facilitar el proceso de relleno a los usuarios.

Bootstrap: Tamaño de columna entre -sm y -xs

www.emm-gfx.net

Cómo conseguir en Bootstrap un tamaño intermedio de mediaquerie entre el pequeño (sm – 768px) y el muy pequeño (xs – 480px).

15 Consejos para emprendedores que lidian con diseño y UX

www.terremoto.net

Reflexiones y consejos para emprendedores tecnológicos que tienen que lidiar con diseño y diseñadores. 15 años de aciertos y errores de un experto como Javier Cañada.

 

Inspiración

 
Waterloo
Waterloo
Vintage Productions
Vintage Productions
Adventure.com
Adventure.com
Use All Five
Use All Five
April Zero
April Zero
Street Crosser
Street Crosser
 

Recursos

 
Shoelace.io | Creador visual de grids para Bootstrap

Shoelace.io | Creador visual de grids para Bootstrap

Si usas Bootstrap y quieres crear rápidamente la estructura de tu sitio web, desde esta aplicación podrás hacerlo de forma sencilla. Tan solo tienes que arrastrar y soltar para crear las columnas de las diferentes mediaqueries y finalmente exportar el resultado en HTML.

 
CSS3 Animate It

CSS3 Animate It

CSS3 Animate It es una libreria de JS que permite crear infinidad de efectos de animación a cualquier elemento de una página web con tan solo añadir una clase de CSS.