TEMAS de HTML

IndexedDB es una novedad de HTML5. Las bases de datos web se alojan y se guardan en el navegador del usuario. Al permitir a los desarrolladores crear aplicaciones con capacidad de consulta enriquecida, se espera que surja una nueva generación de aplicaciones web con la capacidad de trabajar tanto online como sin conexión.
El código de ejemplo incluido en este artículo muestra cómo crear un gestor de listas de tareas pendientes de una forma muy sencilla. Realizaremos un recorrido de alto nivel por las funciones disponibles en HTML5.
Contenidos:
Introducción
¿Qué es IndexedDB?
¿Por qué IndexedDB?
Requisitos previos
Asincronía y transaccionalidad
Paso 1. Abrir la base de datos
Paso 2. Crear un almacén de objetos
Paso 3. Añadir datos a un almacén de objetos
Paso 4. Consultar los datos de un almacén
Paso 5. Eliminar datos de una tabla
Paso 6. Conectarlo todo
El producto final

El almacenamiento en local proporcionado por HTML 5, denominado Local Storage, puede también servirnos como modo de guardado para intercambio de información entre aplicaciones e incluso que eso se haga de forma automatizada e instantánea. A modo de guía, en el presente artículo, trataremos:
1. Almacenamiento de sesión y local en HTML 5.
2. Seguimiento y escucha de eventos.
3. El Storage Event Object.
4. El proyecto de aplicación base de trabajo con almacenamiento local y escucha de eventos.
5. La correspondiente segunda aplicación de gestión de almacenamiento y escucha de eventos.
6. Veremos cómo ambas intercambian la información modificada en cualquiera de ellas.

Enseñamos qué es un boletín, cómo distribuirlos, consejos para crearlos mejor. Además, explicamos cómo hacer boletines en formato HTML y otras cosas.
Contenidos:
1.- Boletines de novedades
2.- Posibilidades para el envío de corrreo masivo
3.- Algunas listas de correo
4.- Como escribir newsletters
5.- Creación de boletines en formato HTML
6.- Enviando correo en formato HTML a la lista
7.- Newsletters que sirven para vender
8.- Mandar y contabilizar una encuesta por mail
9.- Utilizar CSS para maquetar un boletín
10.- 3 formas imbatibles de aumentar los suscritos a un Boletín

Si visitas una página o aplicación HTML desde un dispositivo móvil con Android o iOS, cualquier número que parezca un teléfono se transforma automáticamente en un enlace que el usuario puede pinchar para llamar a ese número.

Este comportamiento por defecto de los navegadores móviles es el más lógico, pero en algunos sitios web puede ser contraproducente. Imagina que en tu empresa utilizas números de serie con un formato similar al de un teléfono. Al mostrar los números de serie en las páginas HTML, el navegador los convertirá en teléfonos y puede crear una gran confusión entre tus usuarios.

En esta oportunidad quiero compartir este tutorial el cual detalla cómo crear un snippet en Sublime Text 2.
Como sabrá la mayoría de ustedes, Sublime Text 2 es un editor de código fuente muy popular y usado cada vez más por una gran cantidad de programadores en diferentes sistemas operativos.
Cuando tenemos que escribir bastante código es necesario reducir los tiempos y para ello debemos recurrir a crear “plantillas” o “Snippet” que son fragmentos de código reutilizables. Durante la redacción de muchos tipos de texto, es frecuente que se repitan algunos fragmentos. Las plantillas permiten ahorrar tiempo y esfuerzo en dicho caso.

En la Web disponemos de dos sitios de dónde extraer y en dónde almacenar información: en el servidor (o servidores) o en el ordenador del usuario (en el lado del cliente). Cada sitio es adecuado para sus misiones y según el tipo y la cantidad de información que movamos.
Por poner un caso paradigmático, cuando nos movemos con información sensible que no deseamos que el usuario pueda alterar, el almacenamiento en el servidor es la elección. En cambio aquella información sobre procesos de navegación del usuario, propios de él y que deben estar muy accesibles, sería un ejemplo de almacenamiento en local, del lado del cliente.
Anteriormente a los sistemas con que disponemos con HTML 5, los cookies era lo único accesible para ésta última finalidad. Cumplen sus función, pero además de otras consideraciones, no gozan de buena fama; han sido fuente de conflictos de seguridad y, desde el punto de vista de la funcionalidad, se requiere un modelo de JavaScript asociado nada claro, no se evita todo un tránsito de ida y vuelta a través de Internet –penalizando sustancialmente el código- y cuando se maneja una cantidad de información poco más que mínima, sin más, no valen o son muy poco funcionales.

¿Quieres crear un mail HTML con imagenes insertadas que los programas de correo no bloqueen antes de visualizar? Por ejemplo, ¿quieres utilizar una firma con una imagen y que la imagen siempre se visualice sí o sí, sin que aparezca como un archivo adjunto a tus emails? Vamos a ver cómo.

Una de las nuevas características que más me gustan de HTML5 es el storage, pero para hablar de este tema quiero hablar un poco sobre las cookies, pero no las galletas sino aquellos datos que se podían guardar en una aplicación Web en el cliente.

Artículo en el que explicamos como crear un barra de progreso con html5 y javascript, que simule la carga de una web y acabe mostrándola.

En esta pagina, encontrarás trucos sencillos para utilizar en tus páginas web. Están realizados de tal manera, que sean sencillos de copiar y pegar en tus códigos. Los trucos que encontraras son:
- HTML5 DOCTYPE
- Rounded Corners
- Rounded Corners Redux: Circles
- Box Shadows
- Gradients
- Text Shadows
- Border Images
- Transform Rotate
- Column Layout
- SVG
- Canvas
- Canvas Text
- Canvas Text Rotate
- Canvas Image Load & Manipulation
- Audio
- Video