Picnic CSS: biblioteca ligera de CSS para poner en marcha sus proyectos web

Algunos desarrolladores prefieren bibliotecas de IU detalladas, como Bootstrap, por sus estilos ricos en características. Sin embargo, hay muchas bibliotecas de CSS más pequeñas creadas para sutiles estéticas de diseño y personalización .

Si está buscando una biblioteca de CSS pequeña pero con estilo, le recomiendo Picnic CSS . Es completamente gratuito, de código abierto, y funciona sin mucha edición para animar sus páginas con estilos simples pero elegantes.

Todos los elementos HTML nativos se rediseñan por defecto, por lo que ni siquiera necesita depender de las clases. Simplemente agregue la hoja de estilo de Picnic a su página web y actualice. Notará que todos los formularios, botones y elementos tipográficos tienen una nueva apariencia.

Pero, por supuesto, esta biblioteca admite diseño modular con opciones para personalizar todo. Todo está escrito en Sass, por lo que realmente necesitas ser un desarrollador de Sass para trabajar con el código.

Usted tiene acceso a toda la tipografía, clases, sistemas de grillas y variables predeterminados utilizados para diseñar y colorear elementos de la página.

Picnic CSS también se creó para ser increíblemente pequeño y mide solo 10 KB de tamaño cuando se lo reduce. Esto es aproximadamente 1/10 de Bootstrap y todavía tiene todo el encanto que esperaría en un marco de interfaz de usuario personalizado.

Como esta es una biblioteca pequeña, no tiene características dinámicas . Sin embargo, puede ver ejemplos en la página de prueba que incluye botones, encabezados, tarjetas, entradas, pestañas y otros elementos similares.

Algunos de los elementos dinámicos, como modales y pestañas, funcionan con CSS puro . Por lo tanto, también puede crear sitios web compatibles al ignorar completamente el JavaScript. ¡Muy genial!

Creo que los estilos de Picnic predeterminados son un poco sosos para que puedan usar algunos retoques. Pero, en general, adoro esta biblioteca y es una de las formas más simples de comenzar un nuevo proyecto con el pie derecho.

Para comenzar, visite la página de Picnic CSS GitHub para descargar una copia y ver algunas muestras . También puede examinar la documentación en línea para ver cómo funciona cada elemento y qué necesita para que todo funcione.

Picnic está incluso disponible en un CDN, por lo que ni siquiera necesita descargar archivos localmente para comenzar.