Picnic CSS: libreria CSS leggera per avviare i tuoi progetti Web

Alcuni sviluppatori preferiscono librerie UI dettagliate, come Bootstrap, per i suoi stili ricchi di funzionalità. Ma ci sono molte librerie CSS più piccole realizzate per l' estetica e la personalizzazione del design sottile .

Se stai cercando una libreria CSS piccola ma elegante, ti consiglio Picnic CSS . È completamente gratuito, open source e funziona senza troppo editing per rendere più allegre le tue pagine con stili semplici ma eleganti.

Tutti gli elementi HTML nativi sono ridisegnati per impostazione predefinita, quindi non è nemmeno necessario fare affidamento sulle classi. Basta aggiungere il foglio di stile Picnic alla pagina Web e aggiornare. Noterai che tutte le forme, i pulsanti e gli elementi tipografici assumono un nuovo aspetto.

Ma, naturalmente, questa libreria supporta il design modulare con opzioni per la personalizzazione di tutto. È tutto scritto in Sass, quindi è davvero necessario essere uno sviluppatore Sass per lavorare con il codice.

Hai accesso a tutte le tipografie, le classi, i sistemi di griglia e le variabili utilizzate per lo stile e gli elementi della pagina da colorare.

Anche il Picnic CSS è stato creato per essere incredibilmente piccolo e misura solo 10KB di dimensioni quando viene ridotto. Questo è circa 1/10 del Bootstrap e ha ancora tutto il fascino che ti aspetteresti da un framework UI personalizzato.

Poiché si tratta di una piccola libreria, non ha caratteristiche dinamiche . Ma puoi vedere degli esempi nella pagina di test che include pulsanti, intestazioni, schede, input, schede e altri elementi simili.

Alcuni degli elementi dinamici, come le modali e le schede, funzionano con CSS puro . Pertanto, puoi anche creare siti Web conformi ignorando completamente JavaScript. Molto carino!

Penso che gli stili Picnic di default siano un po 'blandi, in modo da poterli ritoccare. Ma, nel complesso, adoro questa libreria ed è uno dei modi più semplici per iniziare un nuovo progetto con il piede giusto.

Per iniziare, visita la pagina GitHub di Picnic CSS per scaricare una copia e visualizzare alcuni esempi . Puoi anche consultare la documentazione online per vedere come funziona ogni elemento e cosa è necessario per far funzionare tutto.

Picnic è persino disponibile su un CDN, quindi non è nemmeno necessario scaricare i file localmente per iniziare.