Picnic css home page

Picnic : CSS belli e leggeri per i tuoi progetti web

Una libreria CSS bella e leggera

Chi progetta applicazioni per il Web è sempre alla ricerca di nuovi e sempre più leggeri CSS. Questa continua ricerca mi ha portato a trovare PICNIC! Questo progetto infatti ha definito una serie di stili grafici semplici, leggeri e soprattutto accattivanti graficamente!

picnic-css-mini-form

Ma quali sono le caratteristiche di Picnic?

Picnic è completamente modulare in modo da poter facilmente modificare e testare ogni parte.

Picnic è scritto in SCSS con molte variabili e classi (segnaposto) per renderne più facile l’estensione.

Realizzato per gli hacker! Ovvero si può installare facilmente con Bower e potrà essere integrato in qualsiasi progetto.

Permette una migliore esperienza lato utente avendo transizioni CSS realizzate con cura “artigianale”.

Pensato per il mobile: la missione di Picnic è quella di essere sotto 10kb. Questo permette un rapido caricamento su mobile.

Open Source: se ami qualcosa, rendila disponibile a tutti 😉 . La licenza MIT  infatti consente di utilizzare picnic in un’ampia varietà di progetti.

picnic-css-test

Iniziare un PICNIC

Ci sono molti modi di usare i CSS Picnic nei vostri progetti. I due più consigliati sono:

  • CDN, è possibile utilizzare i CSS Picnic utilizzando la CDN jsDelivr per il collegamento al file statico dei fogli di stile.
  • Bower, per installare pic-nic basta scrivere questo nel vostro terminale: bower install picnic.

Altri modi: è sempre possibile scaricare l’ultima versione da GitHub, clonare il repository o scaricarlo. Per clonarlo: git clone https://github.com/picnicss/picnic.git

Vantaggi e svantaggi

  • Sotto 10kb quando minificato e con gzip attivo.
  • Normalize.css è la base, una solida base.
  • Supporta da IE 9 in su e chiaramente tutti gli altri browser.
  • Responsive: Il NAV e le griglie sono responsive.

Quelli i vantaggi, mentre come unico svantaggio si può dire che Picnic è difficile da inserire in un progetto già in essere. Questo perché Picnic è “invasivo”.

Aspetta, invasivo? Molte librerie si basano su l’aggiunta di classi per i tuoi elementi HTML già esistenti. Picnic invece ridefinisce già gli elementi base HTML. Che bello, un pulsante che è già consapevole di esserlo! 😉

Questa configurazione però funziona perfettamente per i progetti di nuova creazione o per le pagine che si devono costruire rapidamente da zero.

Quindi… BUON PICNIC!

0 comments on “Picnic : CSS belli e leggeri per i tuoi progetti webAdd yours →

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *