CSS3 nos permite un gran abanico de posibilidades con los nuevos selectores, uno de ellos es el selector “:target”, usaremos este seletor como base para crear un lightbox. El código HTML es muy sencillo, utilizaremos un ejemplo muy simple para comprender mejor los ejemplos e iremos aumentando la estructura y la maquetación conforme avancemos en …

Leer más


Una de las novedades que nos ha aportado CSS3 son sus nuevos selectores, uno de ellos es el selector “:target”, su traducción al ingles seria “objetivo” o “blanco”, este nuevo selector aplica los estilos de un elemento cuando se accede al “blanco” o al “objetivo”, o tambien podemos llamarlo “destino”, para ello debemos usar un …

Leer más


Las icon-fonts son archivos de fuentes tipograficas especiales que contienen caracteres en forma de íconos visuales, de esta forma podemos insertar estas tipografias en lugar de insertar imagenes, lo que supone un ahorro de carga considerable, como son gráficos vectoriales nos ahorramos ademas el problema de que se pixelen en dispositivos de pantalla grande. Para …

Leer más


CSS Sprites es una técnica de maquetación que consiste en agrupar varias imagenes en un fichero y mostrarlas por separado mediante CSS, el objetivo de esta tecnica es optimizar y mejorar el rendimiento de una web reduciendo el numero de peticiones del navegador a una sola petición. Si tenemos cuatro imagenes de 50px X 50px, …

Leer más


Less CSS es un lenguaje multiplataforma y de código abierto de hojas de estilo dinámico, se puede ejecutar en el lado del cliente con Javascript o en el lado del servidor con Node.js, a diferencia de CSS, LESS funciona como un lenguaje de programación, permitiendo el uso de variables, funciones, mixins y operaciones aritmeticas. El objetivo …

Leer más


Zen coding (Emmet) es una herramienta para editores web que nos permite generar código de forma ágil y rápida, acelerando el maquetado de nuestros diseños en HTML y CSS. Esta ejecución de código es generada por un motor de abreviaturas que permite que las expresiones sean expandidas. Si os gusta escribir vuestro código desde cero, ZenCoding …

Leer más


Como cambiar el color por defecto de un texto seleccionado Al seleccionar parte de un texto en una página web, el navegador aplica por defecto un color blanco sobre el texto y un color azul sobre el fondo del texto, con el selector “::selection” podemos aplicar ciertas reglas sobre las propiedades “color”, “background”, “background-color” y “text-shadow”. …

Leer más


em CSS El valor de medida “em” es uno de los valores más usados en la actualidad debido a que es muy práctico en el desarrollo de proyectos adaptables a cualquier tamaño de pantalla. Teniendo en cuenta que “1em” es igual al tamaño de fuente mostrado por defecto, sabemos que “2em” significa 2 veces el …

Leer más


Utilizamos cookies propias y de terceros para el correcto funcionamiento de la web, personalizar el contenido y mostrar publicidad en función de las preferencias del visitante. Puedes encontrar más información en nuestra Política de cookies.

ACEPTAR
Aviso de cookies