Ahora vamos a crear una galería mas avanzada utlilizando etiquetas de HTML 5 especificas para este tipo de trabajo. En este caso la etiqueta <figure> alrededor de cada imagen y la etiqueta <figcaption> para agregar una etiqueta informativa a la imagen. La idea es decorar las imagenes con un efecto tipo marco y una cinta adhesiva en la parte superior.
HTML
Esta estructura colocar...
Es una realidad actual que la gente accede a contenido web a través de dispositivos móviles como telefonos celulares, tablets y laptops (ó netbooks). Para desarrollador ó empresa para la que trabajamos es la que decidirá si el contenido de su web estará disponible para dispositivo movil en un subdominio, lo cual incluye un trabajo extra. Sin embargo haciendo un buen...
inserthtml ha preparado un tutorial completo paso a paso sobre como desarrollar un cargador de archivos con la característica drag & drop (arrastrar y soltar) en HTML 5, con PHP y jQuery.
El tutorial nos permite descargar los archivos fuente del código como también una demostración de uso.
Tutorial Creating a Complete HTML5 Drag and Drop File Uploader with jQuery
Adaptador es un plugin ligero para jQuery que logra un efecto slider (deslizante) del contenido HTML y especialmente de imágenes, ó diapositivas. La característica más llamativa de este plugin es que realiza un slider con efecto 3D, ó rotación en forma de cubo de las imágenes, además de lo ya conocidos efectos: scroll, blind y fade. El plugin trabaja con...Moqups, aplicación HTML 5 para crear wireframes y maquetas
09-08-2012 HTML 5 1575 hits (13.78 %) 1 comentarios
Un wireframe es una representación esquemática de una página web, sin elementos gráficos que muestren contenido. Son realmente útiles como herramientas de comunicación entre programadores, diseñadores y clientes. Bueno, Moqups es una sorprendente aplicación en HTML 5 con la cual podemos diseñar estos wireframe, maquetas, interfaz gráficas ó prototipos como nos guste llamarlos. La aplicación es fácil de usar e intuitiva, puntos...
Bueno todo lo relacionado a HTML5 me interesa sobremanera, así que comparto en el blog esta infografía (tipo línea de tiempo) sobre los sucesos relacionados con HTML5 desde el lanzamiento la primera versión en 2008.
Josh Duck ha creado una divertida y útil lista de 104 elementos que se encuentran actualmente en el borrador de especificaciones de HTML5.
Al hacer clic en cualquier elemento muestra información útil.
Divertida forma de aprender ¿no es verdad?
Vía Ajaxian