Framework CSS ligeros y receptivos

 El uso de un framework CSS receptivo de calidad puede brindarle una buena ventaja en cualquier proyecto de diseño web. Algunos, como Bootstrap , están un poco inflados con exceso de código, mientras que otros requieren una curva de aprendizaje bastante empinada.

El objetivo de utilizar un Framewor de cualquier tipo es facilitar su trabajo.

 Así que entrar y tener que cambiar el estilo de una gran cantidad de CSS o cargar un montón de scripts que ni siquiera vas a usar parece ir en contra de toda lógica.

Framework CSS ligeros y receptivos

Desea trabajar con un paquete que le brinde las características suficientes para ayudarlo a comenzar a ejecutar sin agobiarlo con un montón de opciones que no necesita.

Con ese objetivo en mente, aquí hay 20 frameworks de CSS que brindan los conceptos básicos, sin todo el volumen.

FICTOAN pretende ser una excelente opción para aquellos que no son fanáticos de frameworks más grandes y complejos. Cuenta con una combinación de colores vivos, iconos personalizados y muchos elementos de diseño de estilo ligero.

Avalanche es un framework que puede personalizar para satisfacer sus necesidades. Hay paquetes disponibles para habilitar características específicas como un sistema de cuadrícula fluida , clases de compensación, contenedores, espaciado vertical y más.

Beauter 

Con menos de 5k comprimidos, Beauter ciertamente acepta el desafío de ser muy liviano. Sin embargo, eso no significa que no haya funciones. Obtiene lo básico como una cuadrícula receptiva, pero también algunos extras como desplazamiento de paralaje, modales, información sobre herramientas y algunos contenedores agradables.

Vanilla Framework tiene un diseño simple para brindarle un excelente punto de partida para su proyecto. Muchos contenedores y elementos de diseño se ven geniales por sí solos, pero también se pueden personalizar fácilmente para que coincidan con el aspecto deseado.

Cirrus.CSS es un framework SCSS centrado en componentes y servicios públicos diseñado para la creación rápida de prototipos.

Halfmoon es un framework de interfaz de usuario con un modo oscuro incorporado y una personalización completa mediante variables CSS.

new.css es un framework CSS ligero (~ 4.5kb) y sin clases para crear sitios web solo HTML.

Bulma  Basado en CSS Flexbox ,

 Bulma es un framework modular y totalmente receptivo que le permite usar solo las cosas que necesita.

 Obtiene todas las ventajas de Flexbox , incluidas las columnas y mosaicos que se redimensionan automáticamente en función de su número y ventana gráfica.

Milligram pesa casi tan poco como su homónimo: solo 2k cuando se comprime. Incluye todos los conceptos básicos que esperaría y está diseñado para minimizar la cantidad de estilos que tendrá que restablecer.

InvisCss se creó como una alternativa a frameworks más complicados. El paquete presenta nombres de selectores CSS simples y una interfaz de usuario mínima pero atractiva.

Mirar 

El resultado de un proyecto personal, Look fue lanzado al público como un framework CSS minimalista para servir como un punto de partida básico para el desarrollo del sitio. Los elementos de diseño son sencillos y se pueden personalizar a tu gusto.

Cuadrícula ilimitada

UnlimitedGrid, basado en Sass, es un framework de red flexible y móvil. 

Es modular, por lo que solo tiene que usar las funciones que necesita. Se incluye soporte Flexbox y hay múltiples variaciones de cuadrícula para elegir.

Vital 

Considerado como el "enfoque inverso" a los frameworks más grandes, Vital es ligero y escalable. Construido con Sass, encontrará un diseño de cuadrícula eficiente, botones y cargadores personalizados. También se incluyen varios estilos de diseño útiles para cosas como collages de fotos, contenedores de tarjetas y formularios.

PowerToCSS 

Basado en los principios de SMACSS y DRY, PowerToCSS es un framework CSS ligero que ofrece una base sólida como una roca para que pueda comenzar rápidamente con su próximo proyecto web.

Kouto Swiss es un framework CSS completo para Stylus que le brinda muchas combinaciones, funciones y utilidades para codificar más rápido, y también incluye el poder del sitio web de Caniuse para hacer que sus hojas de estilo se ajusten a sus necesidades de compatibilidad.

CSS furtivo

Furtive es un framework basado en dispositivos móviles con una huella muy pequeña. 

Este framework no se preocupa por las versiones anteriores del navegador, lo que significa que puede usar 'tecnología de vanguardia' como flexbox, SVG y prefijos de proveedores limitados. También está disponible en SCSS, CSS y viene con un archivo Gulp para personalizar la compilación.

Webplate 

El framework de Webplate incluye todo, desde un robusto motor de diseño receptivo hasta elementos de botones globales, formularios personalizables y soporte para fuentes de iconos IcoMoon. También viene con jQuery, Modernizr y Typeplate por defecto.

Webplate web Lightweight Front-End Framework robusto motor de diseño receptivo kit de herramientas css html

Fluidez

¡La fluidez es quizás el framework CSS más ligero y totalmente receptivo de todos los tiempos! El HTML responde casi al 100% desde el primer momento, y el archivo CSS de 115 bytes corrige la parte 'casi'. No puedo ser más ligero que eso.

Esquema 

Basado en LESS, Schema es un framework de interfaz de usuario de interfaz de usuario receptivo que viene con una colección completa de componentes CSS (botones, menús desplegables, formularios ...) para ayudarlo a comenzar rápidamente.

Esmeralda 

Emerald es un sistema de cuadrícula receptivo pragmático en MENOS. Está basado en elementos de bloque (a diferencia de los flotantes) y está escrito con la metodología OOCSS utilizando la sintaxis BEM.

Bibelot 

Bijou es un framework de cuadrícula de 10 columnas liviano (<2 kb) sensible. Viene empaquetado con botones, alertas, tablas, barra de navegación y, por supuesto, la cuadrícula.

Chispa

Spark es un framework liviano basado en el enfoque móvil primero para el diseño receptivo. El framework viene preconstruido con varios temas de color que son intercambiables, tanto en estilos brillantes como planos. Actualmente, los colores base son plateado (predeterminado), azul, verde, naranja, rojo, morado, lima y fruta del dragón.

Typebase 

typebase.css es una plantilla de tipografía CSS mínima y personalizable. Lo más importante que le brinda typebase.css es un ritmo vertical obligatorio en la mayoría de las pantallas de los dispositivos, lo que garantiza que el texto en las columnas y la copia larga no se vuelva desigual. Están disponibles las versiones Less y Sass.

Hoisin 

Construido con Sass, Hoisin es un mini framework front-end simple y receptivo que ha sido creado como una alternativa a los frameworks front-end más complejos e hinchados. A propósito, no incluye ningún componente, sino que se centra en brindarle una base organizada a partir de la cual puede crear su propia biblioteca.

Cuadrículas lindas 

Cute Grids es un sistema de cuadrícula de respuesta móvil de 12 columnas que nació de la frustración de los grandes frameworks de trabajo de hoy en día que pueden ser excesivos para la mayoría de los proyectos y restringir la creatividad del diseñador.en día que pueden ser excesivos para la mayoría de los proyectos y restringir la creatividad del diseñador.


Comentarios

Entradas populares de este blog

Separadores de secciones en el diseño web

Herramientas y recursos para el desarrollo

WG