Less Framework

Realizado por:

Miguel Ángel Delgado HernándezEdna Liliana Galiano CamachoJosé Alberto Mena GarcíaGustavo Raúl Miedwiediew Villar

¿Qué es Less Framework?Less Framework es un sistema de maquetación construido en CSS para diseñar páginas web bajo la filosofía de diseño web adaptable de una forma sencilla. De esta forma, Less Framework cuenta con 4 diseños y 3 tipografías por defecto, haciendo que texto, imágenes y columnas se ajustan perfectamente a cada dispositivo: ordenador, tablet, smartphone, etc.

¿Cómo funciona?

● Nos proporciona guías para que establezcamos un número de columnas en función del ancho para la visualización de la página web.

● Cada columna está compuesta por un tamaño de 68 píxeles y una separación de 24 píxeles, todo lo demás varía en función del tamaño de la pantalla.

¿Cómo funciona?

● Los tres tipos de tipografía predefinidos están alineados a una cuadrícula base de 24 px; una está basada en un cuerpo de texto de 16 px, otra de 17 px, y la última de 18 px.

● Ambos conjuntos contienen varios tamaños de tipo armoniosos calculados utilizando la proporción áurea.

¿Cómo funciona?

● 10 columnas

● Sobremesa, portátiles

● 8 columnas

● Tablets

● 3 columnas

● Móviles en vertical

● 5 columnas

● Móviles en horizontal

Ventajas

● Se sigue un patrón de diseño responsive

● Con una misma aplicación se pueden cubrir diferentes dispositivos (PC’s, tablets, móviles,...) ajustándose a las necesidades de cada uno

● Se reducen los costos de creación y mantenimiento de la aplicación

● Se optimiza en motores búsquedas al aparecer la misma aplicación y no redirecciones de la misma

Inconvenientes

● Sin soporte desde 2011, sustituido por Frameless

● Escaso apoyo frente a otros frameworks