Inserimento di SVG
30 Set 2015
Gli SVG sono dei disegni vettoriali descritti con un linguaggio simile a quello delle pagine web. E’ possibile animarli tramite i fogli di stile e tramite JavaScript.
Per il primo ho utilizzato un CSS allegato direttamente al file.
Per quello rotante ho utilizzato l’attributo animateTransform applicato direttamente al disegno.
Per questo qui sopra ho utilizzato uno script con una funzione sinusoidale. Lo script agisce tramite il DOM sull’attributo “transform” dello SVG. Ho aggiunto due bottoni che tramite eventListeners fanno partire e fermare l’animazione. Molti degli script li ho presi da qui.
Link to this articleIl futuro di WordPress visto da un Dilettante
27 Set 2015
N.B. Il contenuto di questo articolo è superato, dato che il sito non non si basa più su WordPress
Uso WordPress da 5 anni, complessivamente ci gestisco una decina di siti. Ho acquisito un minimo di conoscenze di programmazione, per cui sono in grado di apportare modifiche e nuove funzionalità, ma non mi posso certo definire un esperto (a volte fisso il codice senza capire nulla). Ciononostante, ho il sentore dell’evoluzione intrapresa da questa piattaforma.
La prossima cosa grossa (The Next Big Thing) è l’integrazione della cosiddetta “REST API“. Lasciando perdere gli acronimi, vuol dire che il motore di WordPress potrà essere sfruttato da qualsiasi applicazione web. Qui di seguito uno schemino molto professionale che rappresenta la situazione attuale. La tartaruga rappresenta il vostro database, lì c’è tutto il materiale del vostro sito, tutto bello ordinato. La tartaruga è semisommersa, è un oggetto un po’ misterioso, l’utente medio non sa nemmeno che esiste. Sopra la tartaruga c’è la piattaforma WP, rappresentata da un elefante. Ebbene si, WP è il nostro CMS preferito, ma a volte è un po’ pachidermico. Spesso è “troppo” per quello che vi serve veramente, poi magari cercate proprio quella funzionalità… e non c’è! Aldilà di queste considerazioni, l’elefantino gestisce il vostro database, vi aiuta a scrivere gli articoli e li prepara per mostrarli al mondo. Potremmo fermarci qui, abbiamo tutto ciò che serve per gestire un sito, ma ecco entare in gioco la REST API, rappresentata dalla rana in cima all’elefante. Allo stato attuale la REST API è una estensione di WP (un plugin), ma a breve dovrebbe essere integrata nel cuore (core) del programma. La REST API è linguacciuta, solletica l’elefante dietro l’orecchio e per suo tramite attinge alle informazioni del database, mostrandole all’esterno in un formato d’interscambio. L’ultimo attore di questo caravanserraglio è una app esterna, rappresentata dalla mosca che ronza attorno alla rana. Vi mostro come è fatta questa mosca: Tutto qui! E’ una semplice paginetta web, esterna a WP, potrebbe stare ovunque nella rete. Nello specifico, se volete vederla in azione, cliccate qui. E’ un sistema di navigazione ridotto all’osso, c’è un unico pulsante che carica un articolo a caso dal mio sito digitalkOmiX.com. Per chi ci capisce qualcosa, c’è un piccolo javascript basato su jQuery (notate che nella <head> del documento viene caricata la libreria) che interroga la REST API, richiedendo un unico articolo (posts_per_page=1) preso a caso (orderby=rand). Lo script l’ho preso e rimaneggiato da qui. Il materiale recuperato (un oggetto JSON) va a sostituire alcune parti della pagina originale, il tutto senza che la pagina venga ricaricata, perché la sostituzione avviene direttamente nel vostro computer, non nel mio server. Ovviamente non tutto fila liscio, a volte la formattazione lascia a desiderare, le immagini spariscono o si accavallano, anche perché di base il materiale trattato NON è pensato per un visualizzatore così striminzito (in realtà poi è bastato aggiungere un paio di link agli stylesheet del plugin Jetpack per risolvere i disallineamenti che vedete nell’immagine qui sotto). Concludendo: un visualizzatore semplicissimo che può attingere ad un database potenzialmente infinito e infinitamente complesso. Mettete la cosa nelle mani di un buon sviluppatore, scrivetelo nel linguaggio più appropiato al device in uso e vedrete dove si può arrivare. Esempi attualmente in uso, così come suggeritomi da Danilo Ercoli: i “Reader” WordPress delle app mobile, sia iOS che Android, nonché le pagine di amministrazione di WordPress.com. A mio parere WP, svincolato dall’assillo dell’apparenza, del front end, del mobile first, potrà solo che migliorare in termini di funzionalità e sicurezza (grande tallone di Achille), trasformandosi da CMS in maturazione a solida piattaforma per applicazioni web. Un’ultima cosa: la REST API può anche funzionare all’interno di WP. Guardate per esempio la pagina iniziale di digitalkOmiX. In questo caso ho utilizzato un nuovo page template nel tema corrente, in cui è inserito lo script qui sotto. La richiesta è di un solo articolo (posts_per_page=1) dal più recente al più antico (ho usato il filtro ‘paged’, con un contatore che incrementa di uno ogni volta che si pigia il pulsante). Anche qui la transizione è fluida, senza che la pagina debba essere caricata. E anche qui ogni tanto ci sono delle magagne, ma lasciatemi un po’ di tempo, sono solo all’inizio di questa storia.
Link to this articleYpres, 1916
24 Set 2015
Sul saliente di Ypres, nel 1916, per la prima volta sono stati utilizzati i gas. Link to this articleAndy Street View
24 Set 2015
Un giorno di questa estate mentre andavo in motorino mi รจ passata accanto la macchina di Google Street View. Ho fatto dietro front e l’ho seguita per un tratto, ed ora sono immortalato fino al prossimo giro di ricognizione. Link to this articleVolkswagen Scandal
24 Set 2015
Pare che le docce ad Auschwitz fossero certificate ad emissione zero… #VolkswagenScandal Link to this articleIl pusher
