¿Qué es LESS? Como utilizar less para mejorar nuestro CSS3 (Less.js)

(Primera parte)

LESS es una pequeña y gran herramienta que extiende las posibilidades del CSS añadiendo variables, mezclas, operaciones y reglas anidadas. Esto significa que con LESS podemos escribir código ligero y óptimo de forma muy rápida. LESS (less.js) también nos va a ser muy útil para simplificar algunas del las propiedades avanzadas del CSS3, y sobretodo para combinar varias propiedades en una sola orden.

LESS es un compilador o un previo que procesa las instrucciones previamente para facilitar luego las cosas y hacer que nuestro CSS sea más fácil de mantener, más límpio, más personalizable y más extensible. A primera vista puede parecer que nos complica las cosas, pero en realidad nos va a facilitar la vida si nos gusta el CSS y estamos acostumbrados a trabajar con él.

Continuar leyendo

Compartir

2 maneras de crear un fondo transparente para un div

Muchas veces es interesante jugar con fondos semi-transparentes en nuestros elementos de la página web para hacerla más atractiva y funcional.

Para ello os propongo dos maneras muy sencillas:

Continuar leyendo

Compartir

Como hacer una sombra con CSS3 (Box-shadow)

Una de las propiedades interesantes que nos ofrece CSS3 es la capacidad de crear y configurar el efecto de sombra con código CSS. Nos podemos olvidar de crear imágenes con Photoshop y ponerlas como background.

Entre otras cosas, podremos elegir el color, tamaño, desenfoque y desplazamiento de la sombra (drop shadow). En este artí­culo, veremos como implementar este efecto para que sea compatible con todos los navegadores (Mozilla Firefox, Safari, Chrome, Internet Explorer, etc…).

Vamos directo a la materia:

Continuar leyendo

Compartir