Benvenuto sul blog di EmaWebDesign

Full Stack Web Developer/SEO Specialist. CMS & Framework MVC expert. Sviluppo progetti e strategie web dal 1999.

Posso aiutarti a realizzare il tuo progetto/business online. Contattami subito per una consulenza gratuita.

CONTATTAMI ORA

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(
More

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'
    }
More

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

More

php get data from url: un componente per CakePHP

cakephp logo

 

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 sito, richiameremo la seguente funzione:

 
$url = 'http://www.emawebdesign.com';
 
echo "Open Graph title: " .$this->
More

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) …

More