Página principal » Caja de herramientas » 10 alternativas ligeras a Bootstrap & Foundation

    10 alternativas ligeras a Bootstrap & Foundation

    Elegir el marco adecuado que sea el ajuste perfecto para sus proyectos podría ser un poco abrumador. mucho para elegir. Tal vez, quiera elegir opciones populares como Bootstrap o Foundation, pero si su sitio web va a ser bastante simple, No necesitarás la mayoría de los bloques de construcción y materiales. incluido en el paquete predeterminado.

    La buena noticia es que hay un puñado de alternativas que son mucho más simples que Bootstrap o Foundation. La mayoría de estos marcos se envían con la cantidad justa de estilos y componentes para ayudarlo a comenzar, a la vez que le permite extenderlos en la dirección que desee para su proyecto.

    Aquí están 10 alternativas ligeras a Bootstrap y Foundation que deberías usar para la construcción de sitios web de menor escala.

    Más en Hongkiat.com:

    • Empezando con Twitter Bootstrap
    • Usando Bootstrap 3 Con Sass
    • Herramienta Bootstrap: crear diseños HTML Bootstrap
    • Trabajando Con Bootstrap Plugin: Ventana Modal
    • Bootstrap Tool: Construye Megamenu con YAMM3

    1. esqueleto

    Skeleton finalmente ha recibido un lavado de cara. Es una renovación total desde el principio, y sin embargo sigue siendo tan ligero como solía ser. El nuevo sistema de cuadrícula Skeleton ahora adopta la filosofía del primer móvil, que garantiza que el diseño ocupe un lugar central sin importar cuán pequeña sea la pantalla del dispositivo.

    Todos los componentes que se incluyeron en la versión anterior (botones, formularios y elementos de entrada) aún están presentes, pero los estilos de tipografía básicos ahora están configurados en movimiento rápido del ojo unidad.

    2. CardinalCSS

    CardinalCSS es un marco CSS creado con un enfoque en el rendimiento, la legibilidad y, lo que es más importante, la capacidad de mantenimiento. CardinalCSS adopta algunos enfoques modernos, como el móvil, el primero para dar forma a la red; y CSS Box Model que le permite determinar fácilmente el ancho y la altura del elemento.

    CardinalCSS también viene con un puñado de clases de ayuda que le permiten aplicar rápidamente estilos en un elemento, por ejemplo, el gorra que aplica el efecto de caída de tapa para el primer carácter en el párrafo.

    3. ConcisoCSS

    ConciseCSS es un marco CSS, sin la hinchazón. Es un marco compacto construido sobre Sass, LESS y Stylus que allana su camino dorado hacia la capacidad de mantenimiento de CSS. Pero, si prefiere un simple CSS de vainilla, también puede tenerlo..

    De manera similar, ConciseCSS también incluye estilos de base para elementos esenciales como encabezados, párrafos, tablas, formularios y un conjunto de clases de ayudantes para crear la IU de botones..

    4. PowertoCSS

    PowertoCSS es ligero y un marco de frente sólido. Los nombres de clase que se utilizan para construir la cuadrícula y aplicar estilos son simples y fáciles de recordar, por ejemplo,. .botón. También puede agregar su propio tema. Dirígete a su StarterKit para comenzar.

    5. furtivo

    Furtive es un primer marco CSS para dispositivos móviles creado en torno a los estándares web de vanguardia, como el uso de Flexbox para la red y movimiento rápido del ojo Unidad para dimensionar elementos (incluyendo tamaño de fuente). Furtive retiene una pequeña huella de CSS al no admitir navegadores más antiguos (* tos * Internet Explorer) ya que requieren algo de pirateo de CSS. Por lo tanto, Furtive es un marco perfecto si está diseñando un sitio web para el futuro..

    6. BassCSS

    BassCSS ofrece un conjunto liviano de estilos de elementos base, utilidades, diseño y estilos de color, en forma modular para construir una aplicación web sensible. Los archivos SCSS se incluyen para personalizar el estilo fácilmente. Puede jugar con tipografía, espacios en blanco, puntos de interrupción y elementos de la interfaz de usuario.

    7. Mueller

    Mueller es un sistema de red modular sensible construido sobre Sass y Compass. Con Mueller, puede construir la cuadrícula agregando clases directamente a los elementos HTML, o si prefiere que sus elementos HTML estén ordenados y limpios, usando la cuadrícula() función. La cuadrícula de Mueller se puede utilizar junto con la biblioteca de masonería Javascript para crear un diseño similar a Pinterest.

    8. Tuktuk

    Tuktuk es un nombre muy singular para un marco. En comparación con Bootstrap o Foundation, Tuktuk es mucho más ligero, ya que solo viene con la cantidad adecuada de componentes para crear un sitio web presentable que incluye el sistema de cuadrícula, el estilo básico para tipografía, tablas y un par de interfaces de usuario como la barra de navegación y modales.

    9. Base

    La base se construye sobre LESS y Sass, e incluye solo los componentes más esenciales para crear sitios web: la cuadrícula y el estilo básico de los elementos HTML. La base no viene con componentes de Javascript, pero proporciona una gran compatibilidad con el navegador tanto que funciona incluso con IE7.

    10. tostadas

    El último de nuestra lista es Toast. A través de la hoja de estilo SCSS se incluye en el paquete, Toast le permite configurar fácilmente los nombres de clase de la cuadrícula, el margen e incluso la base de la columna. Por ejemplo, si desea que la cuadrícula sea una columna de 9 bases en lugar de 12, puede hacerlo. Toast es un marco de CSS mínimo con configuraciones muy flexibles que se adaptan a sus requisitos.