html2canvas: come generare screenshot di una pagina web o di una parte di essa con un solo click

Vi piacerebbe offrire ai vostri utenti la possibilità di salvare in formato immagine il contenuto di un paragrafo? O di un div? Oppure tutta la pagina?

Ci sono dei tutorial online, ma son sempre molto complessi e non si capisce mai come arrivare a creare un bottone che, appena premuto, ci genera in formato immagine quanto stiamo vedendo.

Io ho applicato questo metodo, html2canvas, nel nuovo tool: https://www.laltroweb.it/tools/checkheader/ (così da permettere il salvataggio dell’output con facilità).

Cita

Canvas è una estensione dell’HTML standard che permette il rendering dinamico di immagini bitmap gestibili attraverso un linguaggio di scripting.
>>> https://it.wikipedia.org/wiki/Canvas_(elemento_HTML)

Codice di esempio:

Leggi tuttohtml2canvas: come generare screenshot di una pagina web o di una parte di essa con un solo click

Come creare un form di “Cerca con google”

Poco fa ho scritto un articolo dove desideravo integrare il form di ricerca di google: Come liberarsi dai fastidiosi call center
Il metodo consigliato da google è quello di generare il proprio motore di ricerca tramite questo servizio: https://cse.google.it/

Questo strumento, oltre a permettere molte personalizzazioni (esempio: ricerca su tutto il web, solo sul proprio sito o lista siti; link promozionale – che io ho inserito con caratteri jolly così spunta ad ogni ricerca; solo web o web e immagini; temi; aspetto…) genera anche un codice in javascript per integrarlo sul sito, ma non riesco ad integrarlo qui nell’articolo perché il filtro di sicurezza “teme” il codice javascript.

Leggi tuttoCome creare un form di “Cerca con google”

Come fare un buon redirect

Il redirect, in ambito seo, è un processo importantissimo per evitare di perdere link nel corso del tempo (aggiornamenti del cms, cambi di piattaforma, nuovo dominio, varie ed eventuali…)!

Ultimamente, ad esempio, sto lavorando per ripristinare quanti più possibili “dead-link” da” darkwolf.it / darkwolf.altervista.org” a laltroweb.it.

darkwolf.altervista.org è il vecchissimo dominio con altervista adesso riattivato.

darkwolf.it prese poi il suo posto, adesso, invece, fa redirect a laltroweb.

laltroweb è il nuovo dominio che raccoglie tutto!

Quindi, nel web, mi ritrovo vecchi link dei vecchi dominio che devo provare a riportare qui.

Questo posso farlo, avendo mantenuto la “proprietà” di quello spazio e di quei domini, tramite htaccess.

Un rapido esempio: http://darkwolf.altervista.org/index.php?ind=downloads&op=section_view&idev=4

Link “vecchissimo” che si ritrova su alcuni forum dove partecipavo, e che ho “dirottato giusto ieri qui: https://www.laltroweb.it/files/category/5-firmware-modding/

Per fare questo uso dei redirect in htaccess (qui i vari tipi di redirect):

Leggi tuttoCome fare un buon redirect