ProgramandooIntentándolo

Las imágenes y el diseño web responsive parece que no se llevan muy bien, porque encajar elementos con tamaños fijos en otros con tamaños relativos no siempre es sencillo, pero por suerte tenemos varias posibles soluciones para las imágenes.

Hay dos formas distintas de afrontar el problema, que la imagen tenga un tamaño relativo en lugar de uno fijo y así se adaptará a los diferentes tamaños de pantalla o bien tener distintas versiones de las imágenes para los distintos tamaños posibles.

Como suele ser habitual dependerá de cada caso concreto cual es la mejor solución. Por ejemplo en una página en la que tengamos 20 imágenes de alta resolución sería conveniente tener diferentes versiones de las imágenes para que el tiempo de carga sea más rápido en dispositivos en los que no vamos a poder aprovechar tanta resolución y que ...

Less nos ofrece un buen conjunto de funciones de diferentes tipos que le añaden un plus a la hora de simplificar la forma en la que podemos generar nuestras hojas de estilos y además nos permiten hacer cosas bastante interesantes.

Nos vamos a centrar en las funciones referentes a operaciones con colores porque son las que más juego nos pueden dar y serán de las que más utilicemos, de hecho, en varios de los artículos anteriores ya hemos utilizado varias funciones para trabajar con colores

En la web de Less tenemos un apartado de la documentación completo con todas las funciones que hay, por si quieres consultarlas.

El propósito de este post es ver de qué formas podemos usar las funciones de Less para conseguir esquemas de color fácilmente y sin tener que recurrir a herramientas externas o volvernos ...

Los espacios de nombres o namespaces son una forma para agrupar clases y mixins en Less y así poder organizar los estilos para facilitar su búsqueda, reutilización, … y también para evitar los conflictos por usar nombres de clases o de mixins repetidos para varias cosas o con los definidos por librerías externas.

Desde el punto de vista organizativo su uso tiene sentido cuando tenemos múltiples hojas de estilo y miles de líneas, si no con tener las clases definidas con un mínimo de cuidado y organización es suficiente. Pero aun en estos casos hay dos puntos a tener en cuenta, la reutilización y la posibilidad de conflictos con otras clases, ya sean externas o nuestras.

Los namespaces son un gran aliado para la reutilización de mixins y clases sobre todo cuando no tenemos una hoja de estilos para cada cosa, ...