Demo CSS3: Un diseño con medidas basadas en viewport

A estas alturas creo que ya todos debemos conocer la diferencia entre unidades de medida relativas y absolutas en CSS a la hora de especificar un tamaño de fuente para una página web: las unidades absolutas (por ejemplo, los píxeles, aunque también existen puntos, centímetros, pulgadas…normalmente usados solo en hojas de estilo para impresión) definen dimensiones […]

Archetype: una plantilla adaptativa para HTML5

arquetipo (Del lat. archety̆pus, y este del gr. ἀρχέτυπος). 1. m. Modelo original y primario en un arte u otra cosa. Como cualquier desarrollador front-end, cada vez que empiezo un nuevo sitio web me enfrento con el tedioso proceso de crear carpetas para estáticos, buscar la sintaxis exacta del Doctype, copiar las reglas para resetear la hoja de estilos… Afortunadamente, en […]

Cómo modificar el estilo del Placeholder en formularios HTML5

El atributo placeholder se utiliza en los elementos input o textarea para mostrar un valor por defecto en un formulario, a forma de sugerencia o ejemplo. Antiguamente este efecto solamente se podía conseguir con Javascript, estableciendo un valor por defecto para el atributo value, borrándolo cuando el campo del formulario está activo (focus), y volviéndolo a […]

Usa HTML5 con responsabilidad

http://html5please.us/ es una web que nos ayuda a conocer qué nuevos selectores CSS3 y atributos/APIs de HTML5 son seguros de usar por estar soportados por la mayoría de navegadores y cuales no son aún aconsejable usar.