Elementi taggati con bootstrap
09/02/2015
Bootstrap è il framework HTML, CSS e JavaScript più popolare per sviluppare siti web responsive e mobile-first. Bootstrap si uò scaricare ed utilizzare completamente gratis.
Cos'é Bootstrap?
Bootstrap è un framework per il front-end web gratuito, per lo sviluppo di siti. Bootstrap include design templates HTML e CSS per la tipografia, form, bottoni, tabelle, navigazione, finestre modali, gallerie di immagini e molto altro, oltre a questo fornisce...
22/01/2015
Spesso quando bisogna disegnare un front-end da zero con Bootstrap 3 si cercano dei temi da cui partire oppure si riprendono vari snippets utilizzati per progetti precedenti cercando di assemblarli nel migliore dei modi per raggiungere il risultato voluto.
Bootstrap 3 mette a disposizione un sistema di griglie evoluto per gestire in maniera ottimale design responsive che si possano adattare ad ogni tipo di dispositivo. Per agevolare la creazione di layout personalizzati è...
30/10/2014
Se sviluppi utilizzando Twitter Bootstrap, ti proponiamo un utile elenco di risorse
Partiamo da quelle gratuite: si trovano all’indirizzo http://bootswatch.com/ e si tratta di una lista di personalizzazioni di Twitter Bootstrap .
Basterà scaricare e sostituire il file css (o less).
A pagamento (da 4 a 50 $) all’indirizzo https://wrapbootstrap.com/themes potrete trovare un ricco elenco di temi responsivi sia per il frontend che per il...
29/09/2014
Vi proponiamo questa versione di Bootstrap 3 Material Design
Naturalmente il Material Design non è solo una stile di layout. Come dice il sito www.google.com/design il concetto di m aterial design parte prima di tutto dall'esperienza utente e dall'usabilitá. È l'idea di un'interfaccia che si trasforma al tocco dell'utente rendendo l'esperienza nettamente superiore; Morphing, interazioni e animazioni che danno piacere subconscio nell'utilizzo...
03/07/2014
Prova online il nuovo template realizzato con Bootstrap 3 di Twitter editabile online.
Il team di Powerpad Web CMS ha realizzato un nuvo template completamente responsive ed editabile online con un semplice click sui contenuti.
Potete provare direttamente online una demo all'indirizzo demobootstrap.powerpad.it .
Dal sito cliccate sull'icona in alto a sinistra ed inserite username demobootstrap e password demobootstrap .
Ogni elemento di testo...
02/07/2014
E' online un nuovo template Bootstrap 3 editabile completamente in modalità inline. Questo template utilizza Bootstrap 3 di Twitter ed adotta un design responsive, quindi adattabile ad ogni tipo di device.
Una volta effettuato il login sul sito creato potrete modificato qualsiasi elemento in pagina: testi, immagini, gallery e link saranno editabili con una semplice selezione dell'elemento all'interno della pagina. Provatelo e fateci sapere cosa ne pensate.
Questa la pagina per...
01/07/2014
Il responsive design è utilizzato sempre più spesso nei siti web, permette di rendere adattabile il layout di un sito web a seconda del tipo di dispositivo e di risoluzione utilizzato dal visitatore del sito. Il framework più noto che consente di gestire al meglio strutture responsive è sicuramente Bootstrap Twitter , recentemente anche Google ha proposto una sua soluzione chiamata Web Starter Kit .
Come questi framework gestiscono i diversi layout?...
01/07/2014
Bootstrap , arrivato alla versione 3, consente di creare layout responsive tramite un sistema avanzato di gestione delle griglie , per utilizzarlo è sufficiente abilitarlo all'interno dello pannello "Site Info" disponibile nella toolbar sinistra una volta effettuato il login come amministratore.
Una volta selezionato tutti i layout esistenti utilizzeranno il sistema di griglie responsive di Bootstrap Twitter e naturalmente potrete creare layout personalizzati per l'intero sito...
30/06/2014
Creare una gallery con Bootstrap 3
In questo breve tutorial vedremo come creare una gallery con Bootstrap 3 completamente editabile inline. Lo stesso codice può essere utilizzato direttamente sui vostri siti.
Nei layout di pagina o utilizzando l'Elemento HTML è possibile creare delle strutture HTML che si traducono in elementi editabili inline. Vediamo quali sono e come utilizzarli scrivendo puro codice HTML e aggiungendo delle semplici classi.
Classe pp-editable...
27/06/2014
Uno dei punti di forza del CMS Powerpad è la gestione dei layout di pagina. Si possono usare layout di pagina già pronti sfruttando tutte le potenzialità di Bootstrap 3 oppure potete scegliere di creare dei layout completamente personalizzati.
In entrambi i casi è possibile definire un layout per l'intero sito (toolbar in alto) e poi definirne di specifici per ogni singola pagina (parametro disponibile tra i campi di ogni pagina del sito). Sia a livello di sito...
20/06/2014
Per molto tempo, Google ha offerto agli sviluppatori un insieme di quello che possiamo definire best practices per lo sviluppo web moderno. Oggi va oltre offrendo il nuovo Web Starter Kit , un kit boilerplate simile al noto HTML5 Boilerplate che include template e strumenti per creare velocemente soluzioni multi device.
Google dichiara che i template sono ottimizzati per performance e grazie ai layout responsive sono progettati per aiutare a scrivere velocemente siti multi device....
18/06/2014
Twitter Bootstrap ha la sua libreria di icone chiamata Glyphicons, disponibili in bianco e in nero. La soluzione è ottima, ma se volessimo includere delle altre icone quali sono delle valide alternative?
Font Awesome
Font Awesome è un set di icone gratis progettato per l'utilizzo in Twitter Bootstrap e dispone di circa 300 icone. Le icone di Font Awesome sono categorizzate per Web Application, Text Editor, Directional, Video Player, Social e Medical....
16/06/2014
jQuery UI is retrocompatibile, funziona correttamente e si vede bene anche sui browser meno recenti, Bootstrap è basato su CSS3 che fondamentalmente è ottimo per i nuovi browser ma su quelli meno recenti non è ottimizzato.
Frequenza di aggiornamento : Bootstrap rilascia spesso nuove versioni con nuove funzionalità fantistiche, ma purtroppo le nuove versioni potrebbero non essere più compatibili con il vostro codice, così non potete...
11/06/2014
Bootstrap Theme
Vi proponiamo una interessante raccolta di siti web dove potrete trovare temi pronti per bootstrap 3.
http://bootswatch.com
Sicuramente il sito più noto con molti temi pronti per l'uso, i temi sono disponibili anche nella versione less.
http://bootstrapzero.com
Questo sito contiene decine di template gratis pronti per l'uso, sono suddivisi per categoria.
http://bootstraptaste.com
Un altro sito interessante da cui potete scaricare...
20/02/2014
bootstrap mette il cms
Bootstrap è un framework molto conosciuto per la sua elasticità e semplicità. Grazie ad esseo e' possibilite avere layout responsive, di grande impatto ed elasticità. Solitamente viene utilizzato su cms statico (landing page, one page site) oppure viene integrato in cms modificando il template della struttura (php) e quello dei rispettivi oggetti dinamici (blog, news, video, immagini).
il framework integrato in powerpad cms
Powerpad...
