TEMAS de HTML

Mostrando del 1 al 10 de 53 registros
<<>>
Imágen de perfil

internetUn vistazo a las columnas responsive en HTML5 y CSS3


HTML

,

CSS

Publicado el 30 de Septiembre del 2019 por Administrador
546 visualizaciones desde el 30 de Septiembre del 2019
Una de las cosas que más echábamos de menos los diseñadores al pasarnos de print a web en épocas pretéritas, era la posibilidad de dividir el texto en columnas.

Por suerte, todo esto cambió con la llegada de CSS3. Usando CSS3 tenemos la posibilidad de organizar los contenidos de una página web en columnas sin tener que crear elementos HTML extra, algo muy útil si estamos maquetando una web con mucho contenido o donde la longitud de línea nos pueda quedar demasiado grande (como periódicos o revistas digitales). Antes, hacer esto era totalmente impensable sin la ayuda de JavaScript.

Tener esta posibilidad de dividir los contenidos en columnas nos abre un mundo de posibilidades para jugar con el layout de los contenidos sin tener que rompernos demasiado la cabeza. Por otro lado, hay que tener cuidado con la altura final del contenido, porque la experiencia del usuario se puede degradar al tener que ir haciendo scroll de arriba para bajo para poder leer todo.

Por cierto, hablamos de columnas en los contenidos. Para organizar la maquetación general de la página hay otras técnicas más adecuadas, como crear un grid responsive a base de floats, o usar técnicas como Flexbox o CSS Grid Layout. Y si no, siempre te quedará Bootstrap o frameworks CSS similares.

Screenshot_20190930_160958
Imágen de perfil

internetValidación de formulario de datos


HTML

,

JavaScript

Publicado el 26 de Junio del 2019 por Administrador
528 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

internetSeguimiento de vídeos HTML5 con Google Tag Manager


HTML

,

Audio y Video

,

JavaScript

Actualizado el 13 de Junio del 2019 por Administrador (Publicado el 10 de Junio del 2019)
529 visualizaciones desde el 10 de Junio del 2019
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

internetGenerar códigos QR con PHP y HTML


PHP

,

HTML

,

Bootstrap

Publicado el 27 de Mayo del 2019 por Administrador
1.768 visualizaciones desde el 27 de Mayo del 2019
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

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


CSS

,

HTML

,

WordPress

Publicado el 13 de Febrero del 2019 por Administrador
812 visualizaciones desde el 13 de Febrero del 2019
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

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


JavaScript

,

HTML

Publicado el 21 de Noviembre del 2018 por Administrador
694 visualizaciones desde el 21 de Noviembre del 2018
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


JavaScript

,

HTML

Publicado el 20 de Noviembre del 2018 por Administrador
577 visualizaciones desde el 20 de Noviembre del 2018
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


CSS

,

HTML

,

WordPress

Publicado el 5 de Noviembre del 2018 por Administrador
564 visualizaciones desde el 5 de Noviembre del 2018
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

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


JavaScript

,

HTML

Publicado el 25 de Octubre del 2018 por Administrador
750 visualizaciones desde el 25 de Octubre del 2018
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

internetEtiquetas HTML de vídeo


HTML

Publicado el 5 de Octubre del 2018 por Administrador
480 visualizaciones desde el 5 de Octubre del 2018
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.