Sistemas de cuadrícula basados en Sass: cómo dividir columnas, no pelos
Cuando se trata de desarrollo de sitios web, no hay nada mejor que un sistema de cuadrícula semántico, flexible y diseñado profesionalmente, que forma una estructura «segura y sólida». Es la solución más viable y confiable que trata con habilidad y eficacia todos los problemas sucios de los diseños actuales. Durante la última década, la diversidad de este tipo de instrumentos se ha incrementado considerablemente y mejorado constantemente. Hay cuadrículas CSS puras y mixtas, archivos de hojas de estilo simples y marcos prefabricados complejos, receptivos y fijos, bien formateados y mal formateados, algunos incluyen medianeras y otros no: se enfrenta a una gran cantidad de opciones. Sin embargo, a medida que profundiza en este concepto, se vuelve obvio que cada proyecto requiere su propia solución y que no todos los sistemas subyacentes cumplen con los requisitos y preferencias personales de cada proyecto. Como siempre, la elección dependerá de lo que quieras conseguir al final.
Si opta por utilizar instrumentos de preprocesamiento para perfeccionar sus hojas de estilo aprovechando al máximo funciones avanzadas como variables, mezclas, anidamiento (en otras palabras, obtener beneficios de las posibilidades ocultas en Sass), entonces debería tomar un rápido eche un vistazo a nuestro artículo que se centra en los sistemas de cuadrícula basados en sass: desde potentes marcos multifuncionales hasta soluciones unidireccionales específicas y tutoriales de bricolaje, hemos cubierto diferentes medios listos para usar.
Recursos
plancha
Características: responsivo, 12, 8 o 33 columnas.
susy
Características: completamente adaptable.
Borbón puro
Características: ligero, compatible con dispositivos móviles.
zarzaparrilla
Características: tipografía flexible y mejor.
Cuadrícula de unidades
Características: 10 columnas, canaletas.
Limonada
Características: configuración rápida.
Rejillas zen
Características: Diseños receptivos e ilimitados.
Pedernal
Características: flexible.
Base
Características: receptivo, soporte a través de varios dispositivos.
Singularidad
Características: cuadrícula básica, cuadrícula receptiva.
Red inteligente CSS
Características: Compatible con dispositivos móviles.
no semántico
Características: rejilla fluida a base de 960gs.
gomoso
Características: opciones de personalización.
Fundación
Características: personalización, receptivo.
Sistema de rejilla Mueller
Características: varios diseños.
Cuadrícula profunda
Características: Diseños fijos, sensibles fijos y otros.
SSGS
Características: cuadrícula fluida de seis columnas.
Sistema de rejilla Jeet
Características: integración con otras plataformas.
Salsa
Características: compatibilidad entre navegadores.
sin marco
Características: Plantilla de Photoshop.
Tutoriales y Howtos
Sass Grid usando bloque en línea en lugar de flotar
Sistema de cuadrícula SASS receptivo
Creador: tom barbero
Rejilla Sass
Cuadrícula fija simple
Más rejilla de la que esperaba
Rejilla Dinámica Sass
Creador: Chris Johnson.
Un sistema de rejilla creativa con Sass y calc()
Creador: Hugo Giraudel.
Creación de una cuadrícula receptiva anidada con Sass & Compass
Creador: Trevor Davis.
Crear un sistema de cuadrícula SASS
Creador: Lucas Harrison.
Una cuadrícula receptiva simple, mejorada aún más con Sass
Creador: Ian Yates.
(dpe)
#Sistemas #cuadrícula #basados #Sass #cómo #dividir #columnas #pelos