Categoría: ‘HTML 5’
Nuevos atributos para enlaces en HTML5: donwload, media, ping
Fecha de publicación: 2014/03/24
Parece que últimamente se han decidido a añadir algunos atributos al elemento A: download, media, ping. Rellenan algunas carencias que tenía hasta ahora el elemento de enlace.
Datos del artículo:
- Etiquetas: Atributo download, Atributo media, Atributo ping, Elemento A, Enlaces, HTML5
- Publicado en categorías: Desarrollo web, HTML 5
- Comentarios desactivados en Nuevos atributos para enlaces en HTML5: donwload, media, ping
Mixin SCSS para dar estilos a campos con atributo placeholder
Fecha de publicación: 2013/02/03
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;} /* WebKit browsers */
&:-ms-input-placeholder {color:$color;} /* Internet Explorer 10+ */
/* browsers with full support for placeholder styling */
&::input-placeholder {color: $color;}
&:input-placeholder {color: $color;}
&::placeholder {color: $color;}
&:placeholder {color: $color;}
}Datos del artículo:
- Etiquetas: Atributo placeholder, Atributos HTML, CSS, CSS3, Desarrollo web, Mixins, SCSS, Selectores CSS
- Publicado en categorías: CSS, Desarrollo web, HTML 5
- Comentarios desactivados en Mixin SCSS para dar estilos a campos con atributo placeholder
Calendario accesible con Javascript (Jquery)
Fecha de publicación: 2011/12/18
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 al clicar una fecha no va definido, habrá que crearlo según sea necesario)
- Detección de soporte de calendario para los campos de fecha en HTML5
- Accesible si obviamos el requerimiento de soporte Javascript: no es dependiente de dispositivo.
- Posibilidad de limitación de fechas seleccionables.
- Facilidad de traducción a otros idiomas.
- Inicio de semana (domingo o lunes) configurable.
Datos del artículo:
- Etiquetas: Calendario, Campos de tipo fecha, Desarrollo web, HTML, javascript, Jquery, Plugins Jquery
- Publicado en categorías: Desarrollo web, HTML 5, Javascript
- Hay 4 comentarios
HTML 5 y Jquery: Componente de buscador con placeholder
Fecha de publicación: 2011/03/30
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.
Datos del artículo:
- Etiquetas: Atributo placeholder, Elemento INPUT, Elementos de formulario, HTML 5, HTML5, javascript, Jquery, Modernizr, XHTML
- Publicado en categorías: Desarrollo web, HTML 5, Javascript, XHTML
- Hay un comentario
Mini-guía de introducción a HTML 5
Fecha de publicación: 2011/01/29
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 quedan claros.
Datos del artículo:
- Etiquetas: Aprendizaje, Desarrollo web, Guías, HTML, HTML 5, HTML5, W3C
- Publicado en categorías: Desarrollo web, HTML 5
- Comentarios desactivados en Mini-guía de introducción a HTML 5
HTML: Elementos de cita BLOCKQUOTE, Q y CITE
Fecha de publicación: 2011/01/13
Datos del artículo:
- Etiquetas: Elemento BLOCKQUOTE, Elemento CITE, Elemento Q, Estándares web, HTML, HTML 5, XHTML
- Publicado en categorías: Desarrollo web, HTML 5, XHTML
- Hay 2 comentarios
Jquery: soporte de elemento DETAILS en HTML 5
Fecha de publicación: 2011/01/11
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 un plugin de Jquery con el que añadir la funcionalidad adecuada al elemento en aquellos navegadores que no lo soporten.
Datos del artículo:
- Etiquetas: Elemento DETAILS, Elemento SUMMARY, HTML 5, javascript, Jquery
- Publicado en categorías: Desarrollo web, HTML 5, Javascript
- Hay un comentario