Template di amministrazione con Bootstrap

Chi di voi sviluppa applicazioni web alzi la mano? Bene quante mani.

Bootstrap

Allora conoscete sicuramente Bootstrap. All’inizio sviluppato all’interno di Twitter per rendere coerenti le interfacce degli strumenti interni, dopo vari sviluppi il gruppo ha rilasciato nell’agosto del 2011 la prima versione Open Source di Bootstrap. Il progetto ora si trova in Github ed è possibile modificarlo a piacere.

Rispetto al progetto originario oramai si può parlare di un vero e proprio framework per lo sviluppo di interfacce per applicazioni web e CMS e lo standard de facto nella maggior parte dei progetti.

Ogni progetto web che si rispetti ha bisogno di una buona interfaccia usabile e leggera, e Bootstrap assolve egregiamente a questo compito. Ma oggi vorrei parlarvi della parte di amministrazione; ed in particolare di un template che può essere usato sia per un applicazione sia per la parte di amministrazione.

Il Template

Se vi trovate a sviluppare una applicazione che contiene un menù con le informazioni di Login dell’utente, un menù con le funzioni sulla sinistra e una parte dove vengono visualizzati e inseriti i dati; beh il template di cui vi parlo fra poco può fare al caso vostro.

Semplice, veloce e pulito

Il template in questione si chiama SB Admin 2. E’ un template gratuito, rilasciato sotto licenza Apache 2.0 e il codice è disponibile su Github.

Il template si presenta come una serie di file e cartelle.

Struttura SB Admin 2

Struttura SB Admin 2

Le pagine html presenti in SB Admin 2 sono complete di tutti gli esempi necessari a sviluppare la vostra app; potete creare un nuovo file html da zero oppure modificarne uno di quelli presenti vedrete che sarà molto facile. Ma prima vi conviene leggere come funziona la struttura delle pagine in Bootstrap.

Le caratteristiche

Oltre a tutte le caratteristiche di Bootstrap, in questo template trovate ancora un po’ di novità:

  • Sidebar e menù con multi livelli e totalmente responsive
  • Aggiunta di LESS, che consente di estendere le funzionalità ai fogli di stile CSS come le variabili
  • Barra on top con navigazione e menù dropdown
  • 3 Stili dei panel inclusi, rosso, giallo e verde
  • Due librerie per grafici e dashboards Flot Charts and Morris.js
  • Tabelle ordinabili, ricercabili e paginate con DataTables jQuery plugin
  • Pulsanti circolari personalizzabili
  • Pulsanti per Social Network
  • Timeline responsive con Bootsnipp
  • Chat widget con Bootsnipp
  • Pagina di Login con Bootsnipp

Avete tutto quello che vi serve per lo sviluppo della vostra applicazione o di un pannello di amministrazione. Scaricatelo e provatelo e poi fatemi sapere come è andata.