In questo articolo vediamo come allineare una serie di immagini al centro di un div usando CSS e Flexbox.
Ovviamente ci sono svariati modi per ottenere questa cosa, ma con Flexbox mi sono trovato bene.
Creare un'estensione per Chrome non è difficile, in quanto alla fine ci bastano le solite cose:
In questo articolo vediamo come fare; il risultato sarà un'estensione che una volta cliccata ci aprirà una finestrella con una tabella con dati presi da JSONPlaceholder.
Animate.css è una semplice libreria CSS che ci consente di aggiungere animazioni ai componenti semplicemente aggiungendo la classe apposita.
E' molto facile da installare e da utilizzare.
Io ho usato il metodo più classico includendolo nell'head della pagina.
Intersection Observer API di Javascript ci permette in sostanza di identificare quando un componente diventa visibile nella pagina ed effettuare un'operazione.
In questo articolo vediamo come usarla per animare i componente che vengono visualizzati nella pagina quando eseguiamo lo scroll.
Non c'è necessità di componenti esterni / plugin; ma solo di Javascript e CSS.
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.
Sto lavorando su un template basato su Bootstrap 5.
Per la maggior parte dei componenti ho una regola CSS custom.
Ma non sulla freccia dell'accordion, che continuava ad essere blu.