Imagen a pantalla completa

En este artículo voy a enseñar dos formas de mostrar una imagen a pantalla completa: Con un pop-up y Fullscreen, pros y contras. El código es el siguiente: En esta sencilla página HTML he colocado la misma imagen en dos enlaces <a> diferentes. Cada enlace tiene su evento onclick que llama a una de las … Leer más

Voltear una imagen con CSS

Hoy voy a enseñar un pequeño truco para voltear una imagen o elemento HTML con nuestra hoja de estilos CSS y evitar tener que editarla. Muchos de vosotros ya conocéis la propiedad transform y las múltiples aplicaciones que se pueden aplicar a un elemento HTML: tranlate, scale, rotate, etc. Quizás alguno de vosotros ya ha … Leer más

Utilizar variables con CSS

En este artículo vamos a explicar cómo utilizar variables en nuestras hojas de estilo CSS, sus posibilidades y ventajas que nos ofrecen. Hoy en día se suelen crear las hojas CSS con términos semánticos como en el framework de bootstrap. Estos frameworks utilizan clases con palabras como success, info, warning, danger, que significan éxito, información, … Leer más

Actualizar hoja de estilos CSS

Hoy vamos a enseñar un pequeño truco o tip para forzar al navegador de Internet a actualizar nuestra hoja de estilos CSS. Muchas veces aplicamos cambios a nuestra hoja de estilos CSS, pero al subirla a Internet no se ven reflejados los cambios, porqué? Los navegadores suelen guardar en su cache (pequeña memoria interna) elementos … Leer más

Menú horizontal o vertical responsive multinivel

Continuando con la serie de menús con HTML y CSS vamos a abordar el último y definitivo menú horizontal o vertical responsive multinivel. Si aún no lo has hecho, puedes ver los artículos anteriores en estos enlaces: Para crear nuestro menú horizontal o vertical responsive multinivel vamos a utilizar la misma fuente HTML5 y los … Leer más

Menú horizontal o vertical multinivel con CSS

En el artículo anterior expliqué cómo hacer un menú de 3 niveles utilizando sólo las etiquetas <ul>, <li>, <a> y un identificador CSS. Ahora vamos a profundizar más sobre la creación de menús y añadiremos algunas clases para crear un menú horizontal o vertical multinivel con CSS. Ejemplo de menú vertical multinivel Ejemplo de menú … Leer más