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
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…
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…
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
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…
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
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…
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
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
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
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
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…