Corsi on-line

Buttons: una libreria CSS per la creazione di pulsanti

Buttons è una libreria basata su CSS per la realizzazione di pulsanti ad alto livello di personalizzazione da integrare nelle proprie Web applications; il suo sito ufficiale è ricchissimo di esempi pronti all’uso corredati dal codice sorgente necessario per l’inserimento in qualsiasi tipologia di progetto. Sostanzialmente Buttons funziona sulla base di classi da associare ad attributi per la definizione di forme, colori ed effetti su bordi e background.

ButtonsLa libreria è stata realizzata utilizzando Sass (Syntactically Awesome Stylesheets), la nota estensione scritta in Ruby per l’utilizzo di variabili e regole annidate nei fogli di stile, e il CSS Authoring Framework Compass che a sua volta si basa su Sass, per cui il suo impiego richiede l’installazione di queste due componenti; eventuali modifiche potranno essere effettuare intervenendo direttamente sul file “_options.scss” tramite una qualsiasi applicazione per l’editing.

Utilizzare Buttons è estremamente semplice (a patto di disporre dei requisiti citati): il package della libreria è disponibile sotto forma di archivio compresso scaricabile attraverso un apposito repository ospitato su GitHub; una volta effettuato il download, scompattato l’archivio e uploadati i file nella root del proprio Web server, sarà necessario richiamare i file CSS  della libreria:

<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/button.css">

Fatto questo si potrà procedere con l’adattamento dei pulsanti al proprio progetto Web based; Buttons è rilasciato sotto licenza Open Source e potrà essere adottato sia per scopi personali che commerciali, anche nel caso in cui lo si utilizzi per la realizzazione di fork; la libreria dispone di un wrapper basato su Ruby On Rails.

Via: Buttons

Post correlati
I più letti del mese
Tematiche