volver a SuperCSS
SuperCSS

SuperCSS #70

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

Bienvenid@ a un nuevo número de SuperCSS, el 70!!!

Esta semana repasamos los editores de código online que nos permiten editar y experimentar con HTML, CSS y Javascript.

Son una manera divertida de probar cosas y funcionan muy bien como herramienta formativa para poder mostrar código a otras personas.

El más famoso sin duda es CodePen, pero existen otros muy conocidos como JSFiddle, JS Bin o Dabblet.

También los hay dedicados a un preprocesador específico como Sassmeister para Sass o FiddleSalad para casi todo.

Hasta el siguiente envío!

Articulos & Tutoriales

 

5 Elementos HTML5 Que Probablemente No Conoces

jagonzalez.org

Un repaso a 5 etiquetas de HTML5 poco utilizadas y que te ayudarán a aumentar un poco más la semántica de tus páginas.

CSS Atómico con SASS

www.ombushop.com

Artículo sobre cómo mejorar la organización de código y archivos CSS siguiendo el paradigma orientado a objetos, utilizando el preprocesador Sass.

3 formas de precargar imágenes con CSS, Javascript y Ajax

www.elwebmaster.com

Tutorial con 3 maneras distintas de precargar imagenes usando CSS, Javascript y Ajax con el objetivo de mejorar el rendimiento y la facilidad de uso de tu sitio web.

Mobile first: errores a evitar

www.dispersium.es

Si vas a abordar por primera vez un diseño con la filosofía ‘mobile first’, aquí tienes algunos errores recurrentes de diseño.

Estrategia de Contenidos: La Filosofía de la Información

www.antoniorigo.com

El objetivo de la Estrategia de Contenidos es usar palabras y datos para crear contenido inequívoco que soporte experiencias interactivas y significativas. Traducción al español del articulo original de Rachel Lovinger.

 

Inspiración

 
Peppermint
Peppermint
HairCut&Beard
HairCut&Beard
Aquatilis - Expedition
Aquatilis - Expedition
Grimouville
Grimouville
Bañadores Tribord 2014
Bañadores Tribord 2014
MFotos
MFotos
 

Recursos

 
Magic of CSS : Curso online CSS

Magic of CSS : Curso online CSS

“Magic of CSS” es un curso online de CSS, creado por Adam Schwartz que está dividido en capítulos y dirigido a diseñadores/desarrolladores web. El nivel es intermedio-avanzado y el autor tiene previsto ampliarlo en breve con nuevos contenidos.

 
iHover: pack de efectos CSS3

iHover: pack de efectos CSS3

IHover es una colección de efectos CSS3 para “hover”. Utiliza CSS puro, sin dependencias y es compatible con Bootstrap 3.

 
Novedades Sketch 3: screencast en español

Novedades Sketch 3: screencast en español

Erik Erice nos regala de nuevo su conocimiento con un screencast en español acerca de las novedades que trae la gran herramienta de diseño vectorial Sketch 3.