Implementare la tecnica dell’infinite scroll è piuttosto semplice ed, oggi, vedremo come farlo realizzando una comoda funzione in JavaScript e servendoci di jQuery. Qui puoi visionare il risultato finale: https://www.emawebdesign.com/demo/infinitescroll In pratica: Caricheremo dinamicamente 3 pagine di contenuto testuale, in aggiunta alla pagina iniziale, ogni volta che scrolleremo verso il…
Post trovati in: “Web Development”
In una web application dove esistono integrazioni con le piattaforme social, è molto probabile (se non addirittura sicuro) che ci imbatteremo nella necessità di monitorare hashtag e relativi contenuti. Vediamo, in questo tips PHP, come estrarre hashtag da una stringa avvalendoci dell’opportuna espressione regolare: $str = 'Questo testo contiene…
Chart.js è un’ottima libreria JavaScript per la creazione di grafici, una delle mie preferite. Open source, responsive, 8 tipi di grafico e una vasta gamma di opzioni che ne fanno una libreria utile per qualsiasi rappresentazione statistica su web e mobile. Nel seguente esempio ti mostro come caricare dati JSON…
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"> <input type="text" class="form-control" id="datetime"> $('#datetime').datetimepicker({ format: "DD-MM-YYYY", locale: 'it', widgetPositioning:…
In questo post ti segnalo una libreria che puoi utilizzare nei tuoi progetti PHP dove hai bisogno di utilizzare le API di Instagram. Per prima cosa, devi accedere alla sezione instagram developer per registrare la tua app e ottenere l’API client_id e l’API client_secret, i valori da inserire in fase…
Questo post è per segnalarti che ho caricato sul mio Github un componente per CakePHP con cui poter ricavare informazioni da una pagina web: title meta tags contenuto twitter card info open graph info links immagini Giusto per fare un esempio, se volessimo ottenere il titolo open graph del mio…
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…
Nel caso volessimo salvare un’immagine sul nostro server a partire da una URL, possiamo servirci delle librerie GD e di uno script che esegue l’operazione in modo che, il processo, possa essere automatizzato. Consiglio della nonna: non fate scraping e non prendete immagini da siti altrui se non volete incappare…
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…
Per la validazione dei dati di un form, inviato con CakePHP, esistono le apposite regole gestibili all’interno dei model. Nel caso di esigenze particolari, per invalidare l’invio del form in un controller, possiamo procedere impostando l’array degli errori nel seguente modo: <?php $validationErrors = array(); $validationErrors['myfile'][] = "Puoi caricare…