BLOG DE DISEÑO WEB CORUÑA

Un poco de todo, recursos, tutoriales, noticias, anuncios...

Formularios en HTML5 con tooltips y jQuery validate

Formularios en HTML5 con tooltips y jQuery validate

04/NOV/2013 7.887 visitas Ver comentarios

El otro día mi amigo Andrés Karp me recordó de manera amistosa que hacía mucho tiempo que no escribía nada para ADWE, así que como me entró un sentimiento enorme de culpa, he escrito el post más largo que escribí en mi vida...

En él, he preparado un mini tutorial para tunear nuestros formularios, usando métodos propios para la validación con jQuery Validation, mostrar los mensajes de un modo no intrusivo e incluso, incorporarle unos más que útiles tooltips o textos de ayuda.

LEER ENTRADA

Selectores de rangos numéricos en jQuery

Selectores de rangos numéricos en jQuery

23/SEP/2013 6.705 visitas Ver comentarios

Todos sabemos, supongo, que HTML5 introduce nuevos tipos de campos para nuestros formularios. Entre las nuevas incorporaciones, tenemos campos de tipo email, de tipo number, de tipo date y muchos más.

Aunque la mayoría de las virtudes de estos nuevos campos los vemos en los dispositivos móviles, ya que nuestro smartphone nos abrirá el teclado que corresponda a cada tipo de campo o un calendario en el caso del tipo date, hay un campo nuevo en especial al que quiero referirme en esta entrada.

LEER ENTRADA

Obtener todos los atributos DATA de un elemento con jQuery y HTML5

Obtener todos los atributos DATA de un elemento con jQuery y HTML5

28/MAY/2013 23.733 visitas Ver comentarios

Empezando por el principio, vamos a ver que es un atributo DATA en HTML5. Muchas veces hemos necesitado guardar información extra en algún elemento de nuestra web o aplicación web para poder acceder luego a ella. Lo normal era usar un CLASS, un ID o un REL, o en el peor de los casos, invéntandonos un atributo y pasando de validar el código HTML.

Si bien estas opciones podían resolvernos el problema cuando el atributo era uno o varios en el caso de usar las clases CSS, no dejaba de ser una porquería. Y digo porquería porque era una forma de engañar al navegador y meterle información para uso privado de nuestra web que no tenía relación ni con la hoja de estilos, ni con la verdadera misión del atributo REL ni nada parecido.

LEER ENTRADA

Audiojs un plugin para reproducir ficheros de audio en tu web

Audiojs un plugin para reproducir ficheros de audio en tu web

21/MAR/2013 5.507 visitas Ver comentarios

Ocasionalmente podemos necesitar reproducir un fichero de audio en nuestra web, ya sea como muestra de una canción o grabación y no queremos depender de algún reproductor en flash.

Si bien HTML5 ya dispone del tag AUDIO para estas labores, debo aclarar que, como siempre, los distintos fabricantes de navegadores no se han puesto de acuerdo en el codec a estandarizar y algunos navegadores soportan el MP3 como audio mientras que otros, como Firefox, usan el formato ogg.

LEER ENTRADA

Entendiendo el concepto de Media Queries en CSS3

Entendiendo el concepto de Media Queries en CSS3

01/AGO/2012 7.608 visitas Ver comentarios

Para entender el concepto de Media Query, nada mejor que la definición oficial del W3C que dice: "Una media query consiste en un tipo de dispositivo (media) y cero o más expresiones que comprueban  el estado de las características particulares de ese dispositivo. Entre las características que pueden utilizarse en una media query están las propiedades  "ancho", "alto" y "color". Mediante el uso de media queries, la presentación del contenido puede adaptarse a un rango específico de dispositivos de salida sin necesidad de modificar el propio contenido".

Traduciéndolo al idioma ´martiniano´, una Media Query es una serie de condiciones que pueden aplicarse a nuestras hojas de estilo CSS para que, según el tamaño y resolución del dispositivo, adopte una u otra forma.

LEER ENTRADA

Mis primeros pasos en el Responsive Web Design

Mis primeros pasos en el Responsive Web Design

06/JUN/2012 10.437 visitas Ver comentarios

En esto del desarrollo web como en la vida, siempre toca evolucionar. Y evolucionar, en términos de informática, quiere decir incorporar nuevas prácticas, nuevos conocimientos y técnicas para optimizar el flujo de trabajo, consiguiendo un producto final de mejor calidad en el menor tiempo posible.

Esta vez, le ha tocado el turno al Responsive Web Design, o diseño web responsivo... o, en cristiano, el diseño web que se adapta a todos los dispositivos, según tamaño de pantalla u orientación, sin tener distintas versiones de tu web... Qué quiere decir ésto? Que partiendo de la base de un sólo código, es decir una única página web, mediante algunos .JS y muchas líneas de CSS, obtendrás la versión adecuada para el tamaño de la pantalla de tu visitante.

LEER ENTRADA

Un reproductor de mp3 para tu web

Un reproductor de mp3 para tu web

31/ENE/2011 11.503 visitas Ver comentarios

Audio.js es un plugin de jQuery que utiliza el nuevo tag audio de html5 para reproducir mp3 en tu navegador y cambia el reproductor por una película flash si tu navegador no soporta html5 automáticamente.

Me parece realmente muy interesante ya que puede personalizarse mediante CSS y puede contener playlist y varias opciones para ajustarse a tus necesidades.

LEER ENTRADA