Promedio de descarga/visualización de los códigos de HTML

Los códigos QR también se les conoce como código de respuesta rápida, es un código de formato de código de barras 2D que se usa para almacenar texto como números de teléfono, correos electrónicos, direcciones y texto simple, etc. En este tutorial te mostraremos cómo generar códigos QR con PHP y HTML.

¿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.

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

En tanto tú puedes siempre validar datos en tu servidor, el tener validación adicional de datos en la página web tiene múltiples beneficios. En muchas formas, a los usuarios les molestan los formularios. Si validamos los datos de un formulario mientras el usuario lo llena, el usuario puede saber inmediatamente si ha cometido algún error; esto le ahorra tiempo de espera a una respuesta HTTP y le evita al servidor lidiar con entradas incorrectas en el formulario. Este artículo cubre la validación de datos de formulario dentro del contenido Web de un formulario.

Hoy os traemos otro post-receta para Google Tag Manager: una solución completa y configurable para medir vídeos HTML5 incrustados directamente en una página; es decir, con etiquetas <video> en lugar de mediante reproductores de terceros.

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.

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.

Los gestores de contenido como WordPress permiten hacer casi todo muy fácil sin necesidad de saber código web, pero en ocasiones resulta interesante poder hacer cosas muy concretas con tu plantilla para ir un poco más allá en cuanto a la personalización del tema y conseguir un resultado aún mejor que el que a priori podrías lograr.

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.

Adentrate y conoce el nuevo mundo de HTML5.

¿Qué es HTML5?; El nuevo lenguaje HTML5. Conjunto de 34 diapositivas que hacen una visión general de nuevo HTML5.

Pug (anteriormente conocido como Jade) es un motor de plantilla de Node.js. con el que seremos capaces de escribir código HTML de una sintaxis mucho más sencilla, clara y directa, tanto a la hora de escribir como de leer y modificar.

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.

Este documento especifica el mecanismo de las Hojas de Estilo en Cascada, nivel 1 (Cascading Style Sheet - CSS1). CSS1 es un mecanismo simple de hoja de estilo que da a los autores y lectores permiso de adjuntar estilos para documentos en HTML (por ejemplo tipos de letra, colores y espacios entre letras). El lenguaje CSS1 es humanamente legible y escribible, y expresa los estilos en común a través de la terminología empleada a través de la publicación.
Una de las características fundamentales de CSS es este estilo de hojas en cascada; los autores pueden adjuntar un estilo de hoja preferida, mientras que el lector puede disponer de una hoja personal de estilo para ajustase a los impedimentos humanos o tecnológicos. Las reglas para resolver conflictos entre hojas diferentes de estilo están definidas en esta especificación.
Esta Recomendación se deriva de las actividades del W3C en el área de Hojas de Estilos (Style Sheets - http://www.w3.org/Style/Activity).

En este tutorial te mostraré cómo usar JavaScript y el canvas como medios para mostrar información numérica en la forma de gráficas de pastel y gráficas de dona.

No hay duda, HTML5 es un tema candente para los desarrolladores. Si usted necesita un curso acelerado para comprender con rapidez los fundamentos de la funcionalidad de HTML5, está en el lugar correcto.
Hablaremos del nuevo lienzo para dibujo y animación semántico de marcado, el soporte de audio y vídeo, y como usar HTML5 con navegadores anteriores. Podría tomar un poco más de cinco minutos, pero les prometo que trataré de hacerlo rápido. ¡No se vaya, vale la pena!

En este tutorial te mostraré cómo usar JavaScript y el canvas de HTML5 como un modo de mostrar gráficamente datos usando gráficas de barras.

Cuando Javascript se puso de moda y escribí mi curso hace ya unos años, el truco de moda consistía en hacer unas barras de menú y que al posar el ratón sobre ellas, un script cambiara la imagen y mostrara una distinta. Hoy vamos a estudiar un método alternativo para hacer lo mismo que tiene dos ventajas: que funciona exclusivamente con HTML y CSS, sin Javascript; y que tanto la imagen original como la alternativa están en el mismo fichero gráfico (GIF, JPG o PNG) y por tanto no es necesario esperar a que carguen las imágenes alternativas para que funcione, además de que así se necesitan menos ficheros y la página carga antes. El código funciona en Explorer, Mozilla y Opera.

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.

Una de las funcionalidades más imprescindibles en cualquier página web es la posibilidad de realizar búsquedas sencillas. En este recurso se mostrará un procedimiento para crear una caja de búsquedas que permita mostrar los documentos contenidos en la base de datos mediante una búsqueda sencilla.

En este tutorial te mostraré cómo usar JavaScript y el canvas como medios para mostrar información numérica en la forma de gráficas de pastel y gráficas de dona.

Los gestores de contenido como WordPress permiten hacer casi todo muy fácil sin necesidad de saber código web, pero en ocasiones resulta interesante poder hacer cosas muy concretas con tu plantilla para ir un poco más allá en cuanto a la personalización del tema y conseguir un resultado aún mejor que el que a priori podrías lograr. ¡Te lo cuento en este post!

Si vas a tu web y das a botón derecho y a continuación Ver código fuente de la página, lo que verás es el código HTML y CSS con el que está construido tu sitio. Estos códigos los crea automáticamente tu CMS para que tu web pueda verse en internet. Si trabajas con un gestor de contenidos no tienes que implementarlos manualmente, pero conociéndolos un poco puedes hacer verdaderas maravillas.

Las plantillas premium suelen tener una amplia sección de opciones para modificar fácilmente casi todos los elementos de tu web, como colores, fondos, estilos de letra, etc. Pero, ¿y si hay elementos y zonas de la plantilla que no puedes modificar porque no vienen incluidos en las opciones?

Vamos a crear un menú donde al situarnos por las opciones, el texto se cambiará por una imagen, deslizandose la opción seleccionada para abajo y mostrando más opciones aquellos que tengan opciones añadidas.

Desde que hace años empezamos a implementar el diseño web adaptativo o responsive web design teníamos un problema pendiente: las imágenes.

Paletas y aplicaciones de los colores en html

El giroscopio o giróscopo es un elemento hardware que permite detectar la inclinación y rotación de un teléfono móvil. Con un giroscopio no solo podemos detectar si el móvil está en posición horizontal o vertical sino también la inclinación sobre cualquiera de sus ejes.

Muchas páginas web usan una recarga automática para que los usuarios dispongan de la última actualización de la misma. Un ejemplo son las portadas de los periódicos digitales o las retransmisiones en vivo. Sin embargo, en muchas ocasiones la recarga no ofrece una página nueva al usuario. Este artículo intenta ofrecer una manera que permita recargar la página sólo si ésta ha cambiado. Asumo conocimientos elevados de Javascript y básicos sobre el funcionamiento de los servidores web y la arquitectura cliente/servidor.

Chuleta que resume las principales etiquetas usadas en HTML5. En formato pdf. Contiene 4 páginas.

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

En HTML5 se introduce la interesante posibilidad de mostrar vídeos directamente desde nuestro navegador. De hecho, si arrastramos un vídeo a la ventana del navegador, veremos que comienza a reproducirse en él. Para poder insertar videos en nuestras páginas HTML tenemos que utilizar la etiqueta <video>, que junto a la etiqueta <source> podremos utilizar estas capacidades multimedia de HTML5.