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.
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.
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.
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.
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.
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.
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.
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.
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
¡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.
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.
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.
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.
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.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.
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.
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.
Los mejores blogs de diseño web