Los Temas más visitados de HTML

Listado de los Temas más visitados durante los últimos 30 días
Imágen de perfil

internetValidación de formulario de datos


397 visualizaciones el último mes

HTML

,

JavaScript

Publicado el 26 de Junio del 2019 por Administrador
397 visualizaciones desde el 26 de Junio del 2019
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.

Screenshot_20190626_233321
Imágen de perfil

internetGenerar códigos QR con PHP y HTML


115 visualizaciones el último mes

PHP

,

HTML

,

Bootstrap

Publicado el 27 de Mayo del 2019 por Administrador
1.508 visualizaciones desde el 27 de Mayo del 2019. Una media de 217 por semana
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.

Screenshot_20190527_215953
Imágen de perfil

internetSeguimiento de vídeos HTML5 con Google Tag Manager


104 visualizaciones el último mes

HTML

,

Audio y Video

,

JavaScript

Actualizado el 13 de Junio del 2019 por Administrador (Publicado el 10 de Junio del 2019)
389 visualizaciones desde el 10 de Junio del 2019. Una media de 77 por semana
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.
Imágen de perfil

internet¡Aprenda HTML5 en 5 minutos!


70 visualizaciones el último mes

HTML

Publicado el 17 de Mayo del 2016 por Administrador
2.509 visualizaciones desde el 17 de Mayo del 2016. Una media de 21 por semana
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!
Imágen de perfil

internetIntroducción y primeros pasos con Pug


65 visualizaciones el último mes

HTML

Publicado el 08 de Febrero del 2017 por Administrador
2.573 visualizaciones desde el 08 de Febrero del 2017. Una media de 21 por semana
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.
Imágen de perfil

.htmlMail HTML con imagenes incrustadas en base64


62 visualizaciones el último mes

HTML

Actualizado el 24 de Marzo del 2013 por Administrador (Publicado el 25 de Marzo del 2010)
21.537 visualizaciones desde el 25 de Marzo del 2010. Una media de 49 por semana
¿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.
Imágen de perfil

internetCódigos CSS y HTML para editar tu página web en WordPress


40 visualizaciones el último mes

CSS

,

HTML

,

WordPress

Publicado el 13 de Febrero del 2019 por Administrador
688 visualizaciones desde el 13 de Febrero del 2019. Una media de 35 por semana
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.
Imágen de perfil

internetTrucos de HTML5 y CSS3


39 visualizaciones el último mes

HTML

Actualizado el 21 de Diciembre del 2011 por Administrador (Publicado el 23 de Agosto del 2011)
17.494 visualizaciones desde el 23 de Agosto del 2011. Una media de 49 por semana
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
Imágen de perfil

.htmlCómo Dibujar Gráficas de Barra Usando JavaScript y Canvas HTML5


34 visualizaciones el último mes

JavaScript

,

HTML

Publicado el 21 de Noviembre del 2018 por Administrador
593 visualizaciones desde el 21 de Noviembre del 2018. Una media de 21 por semana
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.

grafico-barras
Imágen de perfil

internetCómo Dibujar Gráficas Usando JavaScript y Canvas HTML5


28 visualizaciones el último mes

JavaScript

,

HTML

Publicado el 20 de Noviembre del 2018 por Administrador
506 visualizaciones desde el 20 de Noviembre del 2018. Una media de 21 por semana
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.

graficas-js
Imágen de perfil

internetCódigos CSS y HTML para editar tu página web en WordPress


27 visualizaciones el último mes

CSS

,

HTML

,

WordPress

Publicado el 05 de Noviembre del 2018 por Administrador
471 visualizaciones desde el 05 de Noviembre del 2018. Una media de 14 por semana
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?
Imágen de perfil

internetComo programar un applet para HTML5


24 visualizaciones el último mes

HTML

Publicado el 14 de Octubre del 2016 por Administrador
1.281 visualizaciones desde el 14 de Octubre del 2016. Una media de 14 por semana
Artículo que explica como programar un applet para HTML5
Imágen de perfil

.htmlColores html


22 visualizaciones el último mes

HTML

Publicado el 04 de Febrero del 2004 por Administrador
8.019 visualizaciones desde el 04 de Febrero del 2004. Una media de 14 por semana
Paletas y aplicaciones de los colores en html
Imágen de perfil

internetCrear una barra de progreso con html5 y javascript


20 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 18 de Septiembre del 2012 por Administrador
8.778 visualizaciones desde el 18 de Septiembre del 2012. Una media de 28 por semana
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.
Imágen de perfil

internetAlmacenamiento de datos en HTML 5. WebStorage


20 visualizaciones el último mes

HTML

Publicado el 13 de Mayo del 2013 por Administrador
9.949 visualizaciones desde el 13 de Mayo del 2013. Una media de 35 por semana
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.
Imágen de perfil

internetCómo crear una barra de progreso nativa y darle estilo


20 visualizaciones el último mes

HTML

Publicado el 23 de Diciembre del 2014 por Administrador
1.639 visualizaciones desde el 23 de Diciembre del 2014. Una media de 7 por semana
El elemento progress fue introducido al mundo web por el HTML5, este elemento nos permite mostrar el progreso de ciertas tareas, como descargas o actualizaciones, básicamente cualquier cosa que tenga un progreso. En este artículo, te mostraremos cómo agregar este elemento al documento, cómo dar estilo con CSS y animar la barra progress.
Imágen de perfil

internetBuscador sencillo para páginas web


18 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 15 de Noviembre del 2004 por Administrador
10.151 visualizaciones desde el 15 de Noviembre del 2004. Una media de 14 por semana
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.
Imágen de perfil

internetImágenes en diseño web adaptativo: picture, sizes y srcset


17 visualizaciones el último mes

HTML

Publicado el 06 de Febrero del 2017 por Administrador
1.362 visualizaciones desde el 06 de Febrero del 2017. Una media de 14 por semana
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.
Imágen de perfil

internetCómo Dibujar Gráficas Usando JavaScript y Canvas HTML5


17 visualizaciones el último mes

JavaScript

,

HTML

Publicado el 25 de Octubre del 2018 por Administrador
661 visualizaciones desde el 25 de Octubre del 2018. Una media de 21 por semana
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.
Imágen de perfil

internetComo validar y comprobar el código HTML y CSS de las páginas web


16 visualizaciones el último mes

HTML

Publicado el 07 de Abril del 2016 por Administrador
1.314 visualizaciones desde el 07 de Abril del 2016. Una media de 14 por semana
Revisar si el código HTML o el de estilo CSS contienen errores, saber cuáles son y cómo corregirlos usando el Validador del W3C. Ejemplos prácticos de los errores más frecuentes. Daños que causan al funcionamiento y posicionamiento de las páginas en las consultas de búsqueda.
sin imagen de perfil

.zipHojas de Estilo en Cascada, nivel 1


15 visualizaciones el último mes

HTML

Publicado el 16 de Febrero del 2004 por Luis Eduardo Galindo Villanueva
13.558 visualizaciones desde el 16 de Febrero del 2004. Una media de 21 por semana
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).
Imágen de perfil

internetCrear un menú con una caja deslizante


15 visualizaciones el último mes

HTML

Publicado el 04 de Agosto del 2010 por Administrador
5.278 visualizaciones desde el 04 de Agosto del 2010. Una media de 14 por semana
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.
Imágen de perfil

.pdfHTML 5 Cheat Sheet


15 visualizaciones el último mes

HTML

Publicado el 31 de Enero del 2011 por Administrador
4.063 visualizaciones desde el 31 de Enero del 2011. Una media de 14 por semana
Chuleta que resume las principales etiquetas usadas en HTML5. En formato pdf. Contiene 4 páginas.
Imágen de perfil

internetSublime Text 2 crear Snippet


15 visualizaciones el último mes

HTML

Publicado el 18 de Junio del 2013 por Administrador
9.341 visualizaciones desde el 18 de Junio del 2013. Una media de 35 por semana
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.
Imágen de perfil

internetAPI Google Maps I: Crear Key e insertar API en HTML


15 visualizaciones el último mes

HTML

Publicado el 14 de Noviembre del 2014 por Administrador
2.157 visualizaciones desde el 14 de Noviembre del 2014. Una media de 14 por semana
En este artículo, explicamos como obtener la Key necesaria para utilizar el API de Google Maps en nuestro sitio web, y cómo introducirlo en código HTML.
Imágen de perfil

internetUna sencilla lista de tareas pendientes utilizando IndexedDB de HTML5


15 visualizaciones el último mes

HTML

Publicado el 16 de Abril del 2014 por Administrador
2.361 visualizaciones desde el 16 de Abril del 2014. Una media de 14 por semana
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
Imágen de perfil

internetIntroducción y primeros pasos con Pug


15 visualizaciones el último mes

HTML

Publicado el 07 de Noviembre del 2017 por Administrador
624 visualizaciones desde el 07 de Noviembre del 2017. Una media de 14 por semana
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.

Para ello, necesitamos un compilador externo como pueda ser Prepros en Windows, o CodeKit en Mac. Aunque para esta ocasión, y sabiendo mi predilección por Atom y sus extensiones, no hará falta instalar ningún software extra más allá de nuestro editor de código.
Imágen de perfil

.htmlHojas de estilo CSS


14 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(6)
Publicado el 09 de Marzo del 2001 por Administrador
6.828 visualizaciones desde el 09 de Marzo del 2001. Una media de 14 por semana
Este documento describe el lenguaje CSS1 (Cascade Style Sheets, level 1 - hojas de estilo en cascada, nivel 1) que es uno de los lenguajes propuestos para describir hojas de estilo en el WWW.
Imágen de perfil

.htmlLas novedades de HTML 4.0


14 visualizaciones el último mes

HTML

Publicado el 16 de Septiembre del 2002 por Administrador
7.687 visualizaciones desde el 16 de Septiembre del 2002. Una media de 14 por semana
Articulo en el que se detallan las novedades de la versión 4.0 de HTML. Incluye lo nuevo de hojas de estilo, los lenguajes de script, frames y frames flotantes, objetos incrustados, mejoras en las tablas y formularios y accesibilidad.
Imágen de perfil

internet10 snippets de HTML5 que harán las delicias de todo programador web


14 visualizaciones el último mes

HTML

Publicado el 07 de Marzo del 2016 por Administrador
1.201 visualizaciones desde el 07 de Marzo del 2016. Una media de 7 por semana
HTML es supersencillo de implementar, pero cuando creas páginas web a menudo repites ciertas tareas lo que se ha un poco tedioso, como por ejemplo, la creación de formularios. En este artículo he compilado 10 snippets listos para usarse, que harán que el momento de montar el front-end sea mucho más rápido y ligero de sobrellevar.
Revisar política de publicidad