Archivos de la categoría: HTML 5

Mixin SCSS para dar estilos a campos con atributo placeholder

Un sencillo mixin SCSS para darle color al texto del placeholder, distinto del que lleve el campo de formulario: @mixin input-placeholder($color) { &.placeholder {color: $color;} /* if not supported, Javascript should add class */ &:-moz-placeholder {color: $color;} /* Mozilla Firefox 4 to 18 */ &::-moz-placeholder {color: $color;} /* Mozilla Firefox 19+ */ &::-webkit-input-placeholder {color: $color;} […]

Calendario accesible con Javascript (Jquery)

Llevaba tiempo queriendo montarme un calendario con Javascript, y dejar de depender de calendarios de terceros (que no siempre se ajustaban a lo que necesitaba), y por fin lo he hecho. Así que, lo publico por si a alguien le resulta útil. El calendario tiene las siguientes características: Posibilidad de insertarlo en línea (el comportamiento […]

HTML 5 y Jquery: Componente de buscador con placeholder

Fragmento de HTML 5 con un formulario de búsqueda, en el que se generará el rollover del botón de búsqueda mediante Javascript, y se simulará el placeholder también mediante Javascript en navegadores no soportado.

Mini-guía de introducción a HTML 5

Tras aproximadamente una década de HTML 4.01 y XHTML 1.0, el W3C está a punto de sacar una nueva versión del estándar con unos cambios muy interesantes. Por ello, para introducirse en los cambios más notorios, estoy preparando una pequeña guía de los mismos. No está terminada, pero creo que los conceptos más importantes ya […]

Jquery: soporte de elemento DETAILS en HTML 5

El elemento DETAILS en HTML 5 proporciona un área de contenido desplegable. Inicialmente se muestra un elemento SUMMARY que será con el que se alterne la visibilidad del contenido. Actualmente hay navegadores con cierto soporte de HTML 5, pero aun ninguno soporta el comportamiento que ha de tener el elemento DETAILS. Por ello he creado […]