Full Stack Web Developer/SEO Specialist. PHP, CMS, Framework MVC, CakePHP e HTML5/JavaScript expert. Sviluppo progetti e strategie web dal 1999.

Contattami subito per una consulenza gratuita.

CONTATTAMI ORA

Implementare l’infinite scroll con JavaScript/jQuery

infinite scroll

 

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: http://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 basso. Un pò come facciamo quando scorriamo i contenuti sui social media (Facebook, Instagram ecc.).

Implementazione

Leggi tutto

PHP hashtag: ecco come estrarli da una stringa

php tips

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 un #hashtag';
 
preg_match_all('/#([^\s]+)/', $str, $matches);
 
$hashtags = implode(
Leggi tutto

Chart.js e jQuery: caricare dati JSON in un grafico

chartjs json

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 in un grafico, utilizzando il metodo getJSON di jQuery:

var data = [];
 
$.getJSON(
Leggi tutto

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

Instagram PHP API: ecco una libreria che puoi utilizzare

instagram-php-api

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

Tieni presente che, dopo l’ultimo aggiornamento delle API da parte di Instagram, le politiche per l’accettazione delle

Leggi tutto