Elementi taggati con bootstrap

Bootstrap: Guida

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...

Editor Visuale per Bootstrap 3

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 è...

Twitter Bootstrap: temi e risorse

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...

Material Design di Bootstrap 3

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...

Prova la demo del sito web realizzato con...

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...

Nuovo template Bootstrap 3 Gratis

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...

Responsive Design

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?...

Utilizzare Bootstrap Twitter

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...

Creare una gallery con Bootstrap 3

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...

Come gestire layout personalizzati nel vostro...

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...

Il nuovo Web Starter Kit di Google è un nuovo...

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....

Alternative a Glyphicons di Twitter Bootstrap

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....

Bootstrap vs jQuery UI

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...

Template Bootstrap 3 Gratis

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...

Landing page professionali

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...
^ Top