Artículos y tips sobre HTML5

Versión para imprimir con CSS y Media Query Print

2022-04-18T13:17:10+01:0002/08/2017|Diseño web, HTML5|

En frecuente querer poner un botón de imprimir para que el usuario pueda imprimir la sección actual de la página web que está visualizando. Pero, generalmente, no queremos que se imprima toda la sección de la web. Por ejemplo, el pie y los menús generalmente no son necesarios. Existe la forma de controlar el estilo de

Botón para imprimir página web con JavaScript

2022-04-18T13:18:55+01:0002/08/2017|Diseño web, HTML5|

Os dejamos las instrucciones de cómo incluir un botón de "IMPRIMIR" en una página web, ya sea desarrollada a medida o un WordPress (utilizando un plugin). Si se trata de una página web desarrollada a medida Aquí os dejamos el código para insertar un enlace o botón  de "IMPRIMIR" en el código fuente de vuestra web:

Sombreado avanzado con CSS3

2020-10-28T17:18:56+01:0010/09/2016|Diseño web, HTML5|

En la entrada anterior vimos el uso de sombras en elementos HTML. Ahora vamos a ver algunos parámetros más de sombreado. Hasta ahora habíamos visto que podíamos desplazar horizontalmente la sombra, verticalmente, y desenfocarla. Pero no hay que confundir esos desplazamientos con el tamaño de la sombra. Puede parecer que cuando decimos 10px estamos diciendo que

Herramientas para el marcado y validación de microdatos (datos estructurados de Schema.org)

2020-12-02T21:41:23+01:0004/12/2013|HTML5, SEO|

Hay distintas herramientas que te ayudan a marcar tu web en HTML5 con microdatos. Son muy fáciles de utilizar y vienen muy bien cuando todavía no se tiene mucha experiencia con este tema. Una vez que lo has hecho un par de veces ya no las necesitas, pero al principio ayudan mucho. Y hay otras herramientas que

Etiquetado de datos estructurados en una página web con los microdatos de schema.org

2020-10-31T10:34:46+01:0003/12/2013|HTML5, SEO|

Schema.org nace de la colaboración entre Google, Microsoft y Yahoo! para crear un marcado de datos soportado por la mayoría de los motores de búsqueda y que, así, puedan interpretar mejor el significado del contenido de la página web y puedan mostrar fragmentos enriquecidos para sus resultados (más información y mejor estructurada en los resultados de

Formularios HTML5: Date, cómo usar y detectar calendarios nativos

2020-10-29T13:50:20+01:0020/06/2013|Diseño web, HTML5|

Una de las novedades anunciadas en HTML5 desde el principio son los nuevos tipos de elementos para formulario. Selectores de color, numéricos, fechas, rangos o urls entre otros. El problema llega cuando pasan los años, y hay navegadores que no implementan estos elementos (ni la W3C saca una recomendación definitiva), y tenemos navegadores que los soportan

CSS Flexible Box Layout «Flexibox»: Introducción

2018-08-29T08:55:52+01:0004/06/2013|Diseño web, HTML5|

El Flexible box layout module, más conocido como “flexibox” es una especificación de CSS3 muy útil, que podría cambiar la forma de hacer las interfaces en la web, pero también es uno de las especificaciones que ha tenido más cambios, diferencias entre navegadores y errores de los últimos años. Básicamente nos deja elegir la

CSS Display table: maquetación como tablas y solución para IE7

2018-08-29T08:58:27+01:0010/05/2013|Diseño web, HTML5|

Una de las cosas que todos hemos hecho cuando empezábamos a curiosear con la maquetación web es usar tablas por todos lados, algo desaconsejado. Pero naturalmente es tan cómodo: Quiero algo a dos columnas, pues dos celdas; tengo alineación vertical del contenido; ajuste del ancho según contenido; puedo hacer que una celda ocupe varias

Canvas HTML5: texto con fillText y strokeText

2022-04-18T13:21:30+01:0019/02/2013|Diseño web, HTML5|

Volvemos a hablar del elemento canvas de HTML5, al que ya hemos dedicado varias entradas. Ya hemos visto como dibujar figuras sencillas, hacer animaciones y transformaciones a estas figuras y cómo decidir la forma en que se calculan los espacios donde se junta más de un elemento de dibujo. En esta entrada vamos a hablar de

Ir a Arriba