Category: Twitter Bootstrap

Bootstrap Datetimepicker e l’evento change

bootstrap-datetime

 

Bootstrap Datetimepicker è un’ottima libreria basata su jQuery, Bootstrap e Moment.js che ci permette di implementare un campo input/calendario con cui selezionare data e/o orario.

Di seguito il codice HTML e JavaScript per l’implementazione:

 
<input type="text" class="form-control" id="datetime">
 
$('#datetime').datetimepicker({
    format: "DD-MM-YYYY",
    locale: 'it',
    widgetPositioning: {
        horizontal: 'left',
        vertical: 'bottom'
    }
Leggi tutto

Bootstrap Offcanvas: creare un menu laterale a scorrimento

bootstrap-offcanvas

Ormai tutti utilizziamo Twitter Bootstrap per il frontend dei nostri progetti web e mobile. Si, lo usi anche tu, lo so. Perchè è fico, bello, utile, ben progettato e, soprattutto, ben supportato. Io non ne farei mai a meno.

Oggi vediamo come implementare un menu laterale a scorrimento per le nostre mobile app in html5. Bootstrap, di base, prevede nella sua navbar che il menu “collapsi” (si, l’ho detto) …

Leggi tutto

Applicare l’evento touch al carousel di Twitter Bootstrap

twitter bootstrap carousel

No, non cliccare sul carousel che vedi qui sopra. E’ solo un’immagine 😀

Se, in un sito responsive, abbiamo utilizzato il carousel di Twitter Bootstrap, nella versione mobile, è il caso di applicargli l’evento touch, la gesture corretta per la migliore esperienza utente sui device mobili.

Per farlo possiamo utilizzare un plugin di jQuery che trovi qui: https://github.com/mattbryson/TouchSwipe-Jquery-Plugin

Per attivare il plugin puoi copiare il seguente codice da richiamare …

Leggi tutto

CakePHP CMS: integrare Twitter Bootstrap con CakePHP

cakephp twitter bootstrap

 

Ehi, se ti interessa un CMS basato su CakePHP, dai un’occhiata a PhpStarDust CMS 😉

Nelle settimane scorse ho avuto l’influenza, una vera rottura. Non ce la facevo proprio a lavorare ma non potevo certo passare il tempo solo a leggere e guardare puntate di Big Bang Theory. Avevo bisogno di qualcosa che mi mantenesse allenato il cervello 😀

Così mi sono messo a “giocare” con CakePHP e, integrando …

Leggi tutto