La base di tutto il web
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.
L'input di tipo file di HTML, negli annia si è molto evoluto.
In questo articolo vediamo come usarlo per avviare la fotocamera del nostro dispositivo.
La cosa bella è che sul browser avviato su un pc, si comporterà come da standard.
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.
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.
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.
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.
Quello che vogliamo ottenere è un bordo gradient (quindi "sfumato" con diverse colorazioni) senza usare immagini o Javascript.
Ma solo usando CSS.
MS Office ci mette a disposizione un servizio attraverso il quale possiamo "embeddare" file Word ed Excel nelle nostre pagine web.
Probabilmente funziona anche con altri formati, ma non ho provato.
Il servizio è gratuito (per ora?) ed ha bisogno:
La pseudo classe CSS :where seleziona gli elementi come se fosse una lista leggondo il DOM.
In pratica fa proprio ciò che ci si aspetta dalla parola :where (se usate i database sapete cosa intendo).