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 fatte per estetica del design sottile e personalizzazione.
Se stai cercando un libreria CSS piccola ma elegante io raccomando CSS per picnic. È 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 restyling di default, quindi non hai nemmeno bisogno di affidarti alle lezioni. Basta aggiungere il foglio di stile Picnic alla tua 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 personalizzare tutto. Suo tutto scritto in Sass, quindi hai davvero bisogno di essere uno sviluppatore Sass per lavorare attraverso 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 costruito per essere incredibilmente piccolo e così misura solo 10KB di dimensione quando è ridotto. Questo è circa 1/10esimo di Bootstrap e ha ancora tutto il fascino che ti aspetteresti in un framework UI personalizzato.
Poiché questa è una piccola biblioteca, 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, lavorare 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 su scarica una copia e guarda alcuni campioni. Puoi anche sfoglia la documentazione online per vedere come funziona ogni elemento e cosa è necessario per far funzionare tutto.
Il picnic è pari disponibile su un CDN, quindi non hai nemmeno bisogno di scaricare i file localmente per iniziare.
