volver a SuperCSS
SuperCSS

SuperCSS #7

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

Bienvenid@s a un nuevo número de SuperCSS.

Diseño Responsive, Responsivo, Adaptable, Adaptativo, Flexible, Sensible…

1.- Cual crees que es la traducción correcta de “Responsive Web Design”?

2.- Haces “responsive” o adaptas al dispositivo ( mobile, tablet, desktop,… )?

3.- “Mobile First”, “Desktop First”, “Content First” o “Target Experience”?

Puedes contestar en Twitter con el hashtag #supercss

Feliz semana!

Articulos & Tutoriales

 

Tutorial de HTML5 - Semántica, parte 1

theproc.es

HTML5 introduce nuevos elementos “inline” muy útiles para aumentar nuestro existente arsenal de “span, strong, em, abbr, etc”. A partir de ahora a estos elementos ya no se les llamará “inline”, sino “text-level semantics”.

Alineación simultánea: 3 dobles centrados de cajas en número y tamaño dispares

www.oloblogger.com

Tutorial sobre cómo distribuir elementos equitativamente, con independencia de su número y/o tamaño con CSS.

Mejorando los selectbox

www.cmacias.com

Tutorial para mejorar el aspecto de un elemento <select> mediante Javascript.

jQuery: Publicidad que se puede cerrar pasados “x” segundos

www.bufa.es

Como crear un sencillo sistema de publicidad con jQuery que se podrá cerrar pasados unos segundos.

Crea geniales presentaciones con Reveal.js

html5facil.com

Reveal.js es un framework para crear fácilmente hermosas presentaciones HTML; éste viene con una amplia gama de características que incluyen diapositivas anidadas, contenido reducido, exportación de PDF, notas para el orador y una API de JavaScript.

 

Inspiración

 
CROPP - City Rulez
CROPP - City Rulez
Adidas Snowboarding
Adidas Snowboarding
Unfold
Unfold
360º Langstrasse Zürich
360º Langstrasse Zürich
Forefathers Group
Forefathers Group
One Small Tweet
One Small Tweet
 

Recursos

 
Git - la guia sencilla

Git - la guia sencilla

Simplemente una guía sencilla para comenzar con git nada complicado.

 
15 HTML5-CSS3 plantillas gratuitas para comenzar tu proximo proyecto web

15 HTML5-CSS3 plantillas gratuitas para comenzar tu proximo proyecto web

15 plantillas libres y de alta calidad HTML5+CSS3 (via webintenta) que puedes utilizar para tu próximo proyecto. Algunas de estas plantillas se incluyen dentro de detallados tutoriales que muestran paso a paso cómo crear tu web con HTML5+CSS3.

 
Entidades de caracteres

Entidades de caracteres

Completa “chuleta” (cheat sheet) de referencias a entidades de caracteres ordenadas por categorías e incluyendo valores para HTML, CSS (contenido) y Javascript.