html

Mattepuffo's logo
Div che segue il mouse con Javascript

Div che segue il mouse con Javascript

In questo articolo vediamo come fare in modo che un div segua il mouse usando Javascript.

Il codice dovrebbe funzionare anche per i device touch; come vedrete c'è una funzione apposita per fare questo controllo.

Infine, metteremo anche un pò di CSS.

Mattepuffo's logo
Intercettare il drag and drop in Javascript

Intercettare il drag and drop in Javascript

Con l'avvento di HTML 5, e con il miglioramento di Javascript stesso, è stato possibile fare molte cose senza l'uso di librerie esterne.

Una di queste è il drag and drop!

In questo articolo vediamo come impostarlo e come intercettare i vari eventi.

Mattepuffo's logo
Usare le shape-outside nei CSS

Usare le shape-outside nei CSS

La proprietà CSS shape-outside ci permette di controllare come i contenuti vengo visualizzati attorno ad un elemento floated.

In pratica possiamo usarlo anche vicino alle immagini per visualizzarci vicino un testo.

Una cosa che prima richiedeva un pò di lavoro, adesso può essere fatto in poche righe.

Mattepuffo's logo
Creare screenshot di pagine web con Node.js e pageres

Creare screenshot di pagine web con Node.js e pageres

Pageres è una piccola libreria per Node.js che ci permette di creare screenshot di pagine web.

Molto facile da usare, supporta anche la possibilità di impostare più risoluzioni e il cropping.

Inoltre potete anche dare direttamente voi l'HTML di partenza senza indicare un url.

Mattepuffo's logo
Creare un Native Web Component in HTML

Creare un Native Web Component in HTML

I Native Web Components sono dei componenti custom creati da noi da usare nelle nostre pagine HTML.

Non so quanto ci sarà utile se usiamo llibrerie / framework; o comunque in generale visto quanti componenti abbiamo già a disposizione.

Però può essere utile sapere come si creano.