Bttn.css - Pulsanti CSS fantastici in 4Kb

Con così tanti snippet CSS gratuiti e generatori di codice, non c'è bisogno di reinventare la ruota. Gli sviluppatori intelligenti si basano su librerie esistenti per creare semplici elementi di pagina come menu e pulsanti di navigazione.

Una di queste è la libreria Bttn.css, creato dallo sviluppatore Ganapati V S. Il suo lavoro è squisito e questa libreria di pulsanti è una delle migliori per lo sviluppo del frontend moderno.

Nella home page dei pulsanti, puoi selezionare tra dimensioni piccole, medie e grandi, insieme a varie combinazioni di colori. I pulsanti vengono pre-costruito e pronto ad andare, quindi tutto ciò di cui hai bisogno è la vera libreria CSS e le classi giuste per i tuoi pulsanti.

Puoi scaricare la libreria da GitHub oppure puoi usare il Versione CDN per test locali. È pari funziona in cloud IDE come CodePen se vuoi provarlo nel tuo browser.

Bttn.css è in realtà una libreria più piccola, che offre circa 13 stili diversi. Alcuni di questi includono stili di materiale, gradienti, pulsanti fantasma e pulsanti pillola tradizionali che utilizzano bordi arrotondati CSS3.

Nota questa libreria è simile alla biblioteca di Butns usando una grafia abbreviata di “pulsanti” e puro codice CSS.

Tuttavia, offre Bttn.css diversi stili di pulsanti, piuttosto che una grande libreria di elementi simili. Questo è uno dei motivi per cui raccomando Bttn.css per quasi tutti i progetti web: tra tutti e 13 gli stili, devi trovare qualcosa che si adatti.

Puoi leggere di più in questo post Medium, scritto dal creatore di Bttn.css. Lui spiega perché ha fatto la biblioteca e a che scopo serve in un tipico progetto di sviluppo.

Se stai cercando documentazione più completa dare un'occhiata al Repository GitHub. Elenca tutte le classi CSS per stili, dimensioni e colori, insieme ai dettagli di installazione utilizzando la CDN o un gestore di pacchetti come Bower.

Assicurati di controllare anche il pagina demo per vedere cosa può fare questa libreria. E sentiti libero di condividere i tuoi pensieri con il creatore sul suo Twitter @ganapativs.