gridl

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

susi

Características: completamente adaptable.

Borbón puro

Borbón

Características: ligero, compatible con dispositivos móviles.

zarzaparrilla

sasaparilla

Características: tipografía flexible y mejor.

Cuadrícula de unidades

cuadrícula de unidades

Características: 10 columnas, canaletas.

Limonada

limonada

Características: configuración rápida.

Rejillas zen

zen-grids

Características: Diseños receptivos e ilimitados.

Pedernal

pedernal

Características: flexible.

Base

base

Características: receptivo, soporte a través de varios dispositivos.

Singularidad

singularidad

Características: cuadrícula básica, cuadrícula receptiva.

Red inteligente CSS

red inteligente

Características: Compatible con dispositivos móviles.

no semántico

no semántico

Características: rejilla fluida a base de 960gs.

gomoso

gomoso

Características: opciones de personalización.

Fundación

Fundación

Características: personalización, receptivo.

Sistema de rejilla Mueller

mueller-grid

Características: varios diseños.

Cuadrícula profunda

cuadrícula profunda

Características: Diseños fijos, sensibles fijos y otros.

SSGS

mensaje

Características: cuadrícula fluida de seis columnas.

Sistema de rejilla Jeet

jeet-grid

Características: integración con otras plataformas.

Salsa

salsa

Características: compatibilidad entre navegadores.

sin marco

sin marco

Características: Plantilla de Photoshop.

Tutoriales y Howtos

Sass Grid usando bloque en línea en lugar de flotar

sass-grid

Creador: David Connor.

Sistema de cuadrícula SASS receptivo

cuadrícula receptiva

Creador: tom barbero

Rejilla Sass

sass-grid-2

Creador: Brett Jankord.

Cuadrícula fija simple

rejilla-fija-simple

Creador: Adán Corona.

Más rejilla de la que esperaba

intenso-sass-grid

Creador: Dan Edén.

Rejilla Dinámica Sass

cuadrícula-sass-dinámica

Creador: Chris Johnson.

Un sistema de rejilla creativa con Sass y calc()

sistema de cuadrícula creativa

Creador: Hugo Giraudel.

Creación de una cuadrícula receptiva anidada con Sass & Compass

cuadrícula anidada

Creador: Trevor Davis.

Crear un sistema de cuadrícula SASS

sass-grid-diy

Creador: Lucas Harrison.

Una cuadrícula receptiva simple, mejorada aún más con Sass

simple-responsive-grid

Creador: Ian Yates.

(dpe)

#Sistemas #cuadrícula #basados #Sass #cómo #dividir #columnas #pelos

Publicaciones Similares

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *