Categoría: HTML

Dibujar una cuadrícula en canvas de HTML5

Dibujar una cuadrícula en canvas de HTML5

11 de octubre 2021

Hace poco tuve la necesidad de trabajar con canvas de HTML5 en un proyecto web, que si bien conocía, no había tenido la oportunidad de implementarlo en un desarrollo. Una de las cosas que había que hacer era dibujar una cuadrícula sobre la que después posicionaría determinados elementos al hacer…

Categorías: HTML, JavaScript, Programación

Centrar página web verticalmente con HTML y CSS

Centrar página web verticalmente con HTML y CSS

18 de marzo 2021

Durante la fase de maquetación de un desarrollo web a veces es necesario tener que centrarla verticalmente o a un elemento de ella para que quede siempre a mitad de pantalla sea cual sea la resolución a la que se acceda. Para conseguirlo existen diversas maneras que incluyen también usar…

Categorías: CSS, Diseño, HTML

Efecto Hover 3D de capas solo con CSS

Efecto Hover 3D de capas solo con CSS

6 de abril 2020

En esta entrada vamos a ver cómo crear un efecto hover en 3D con capas utilizando solo HTML y CSS. Para ello vamos a simular que al pasar el ratón por encima descomponemos el diseño de una página web en diferentes profundidades, separando las capas que lo componen y rotándolas…

Categorías: CSS, Diseño, HTML

Etiquetas pre, code, samp, kbd y var para mostrar código en HTML

Etiquetas pre, code, samp, kbd y var para mostrar código en HTML

5 de octubre 2017

Cuando trabajamos con textos en una página web, sobre todo si su contenido es técnico, a veces puede ocurrirnos que necesitemos mostrarlo en un formato determinado. Para ello HTML incorpora una serie de etiquetas semánticas que permiten indicarle al navegador que la información contenida dentro es especial. Éstas son pre,…

Categorías: HTML

Pseudoclase :hover de CSS no funciona en iOS (iPhone, iPad e iPod)

Pseudo-clase :hover de CSS no funciona en iOS (iPhone, iPad e iPod)

16 de julio 2016

Lo que vamos a ver en este artículo es algo curioso que sucede en ciertos terminales de pantalla táctil al usar la pseudo-clase :hover de CSS en una página web. A mi concretamente me ha ocurrido sólo en dispositivos iOS (iPhone, iPad e iPod), pero imagino que también es susceptible…

Categorías: CSS, Diseño, HTML

Etiquetas en desuso en HTML5

Etiquetas en desuso en HTML5

30 de junio 2016

Inicialmente este iba a ser un artículo aparte al manual básico de HTML5 que hice hace unos años, pero he pensado que sería más interesante integrarlo como un apartado más y así abarcamos otro punto más a tener en cuenta . Si nos vamos a meter a desarrollar con HTML5,…

Categorías: HTML

Formatear HTML (ordenar HTML)

Formatear HTML (ordenar HTML)

8 de marzo 2014

En ocasiones, podemos encontrarnos ante un código HTML desordenado, bien porque viene de otras manos poco solidarias con los compañeros o simplemente porque tenemos la versión comprimida del archivo. Aunque no se trata de algo que afecte al funcionamiento, si que es una lata cuando tenemos que trabajar para hacer…

Categorías: HTML, Recursos

HTML5 no funciona en Internet Explorer - html5shiv

HTML5 no funciona en Internet Explorer – html5shiv

21 de diciembre 2013

Usar HTML5 también tiene sus inconvenientes. El principal es que en las versiones anteriores a Internet Explorer 9 (IE9) y otros navegadores directamente no funciona. No reconoce las nuevas etiquetas como section, article o header, lo cual nos hace la puñeta ya que no se le pueden aplicar los estilos…

Categorías: HTML, JavaScript

Ventajas e inconvenientes de usar HTML5

Ventajas e inconvenientes de usar HTML5

20 de noviembre 2013

Hasta ahora hemos estado viendo cómo funciona HTML5, cuáles son sus posibilidades así como lo nuevo que ha implementado al lenguaje. De modo que como conclusión final vamos a ver las ventajas e inconvenientes de usarlo, para que cada uno pueda evaluar si lo usará en su proyecto. Con este…

Categorías: HTML

Los formularios, nuevos elementos en HTML5 - datalist, keygen y output

Los formularios, nuevos elementos en HTML5

6 de agosto 2013

Además de nuevos tipos de input en los formularios, HTML5 ha incorporado también nuevos elementos para ayudarnos en el manejo de ciertos datos. Estos elementos son tres: datalist, keygen y output.

Categorías: HTML

Formularios, nuevos tipos de input en HTML5

Formularios, nuevos tipos de input en HTML5

19 de mayo 2013

El tema de los formularios es uno de los puntos que han sufrido mejoras considerables con la llegada de HTML5. Se han incorporado nuevos tipos de input y nuevos atributos que permiten un mayor nivel de personalización y funcionalidad, por no hablar de sencillez en algunos puntos. Aunque se han…

Categorías: HTML

Centrar página web horizontalmente con HTML y CSS

Centrar página web horizontalmente con HTML y CSS

26 de abril 2013

Una de las primeras cosas que se aprenden cuando se entra en el mundo del desarrollo web es centrar la página horizontalmente para que, con independencia de la resolución de pantalla con la que entres, siempre quede en medio. Para ello existen varias formas, unas más recomendables que otras dependiendo…

Categorías: CSS, Diseño, HTML