Effetto door su bottoni con i CSS

In questo articolo vediamo un piccolo snippet CSS per creare un effetto door sui bottoni nell'hover.

Effetto glow su bottoni con i CSS

In questo articolo vediamo un piccolo snippet CSS per creare un effetto glow sui bottoni nell'hover.

Utilizzare le pseudo classi is e has nei CSS

I CSS sono pieni di pseudo classi che ci aiutano a scrivere codice più compatto e pullito.

Tra quelle più utili e meno usate ci sono is e has.

In questo articolo vediamo qualche esempio.

Troncare il testo con CSS

line-clamp è una proprietà, abbastanza nuova, di CSS che ci permette di troncare il testo ad una determinata riga.

In sostanza ci permette di ottenere lo stesso risultato che fino ad oggi otteniamo con Javascript o altri linguaggi.

Ad oggi, 22 aprile 2024, dovrebbe essere ancor ai draft; ma potete vedere da Can I use che è compatibile praticamente con tutti i browser.

Usare le animazioni in PrimeFlex

PrimeFlex è una libreria di utilità CSS che viene usata di base in PrimeNG e soci.

Ovviamente può essere usata anche al di fuori, in quanto si può installare senza problemi.

Custom symbols nelle liste in HTML

In questo articolo vediamo come customizzare i symbols nelle liste HTML.

Per farlo useremo solo CSS, senza librerie aggiuntive.

Dark mode toggle con CSS e Javascript

In questo articolo vedremo come abilitare/disabilitare la dark mode usando CSS e un pizzico di Javascript.

La parte HTML ovviamente sarà basica; ho agigunto qualche elemento giusto per farvi vedere cosa succede al cambio di modalità.

Rimuovere i bullet points in Polylang

Polylang è uno dei plugin per il multilingua più usati in Wordpress.

In effetti è abbastanza semplice da usare.

Attraverso i widget, poi, è anche semplice visualizzare la scelta della lingua dove vogliamo.

Allineare immagini al centro con CSS e Flexbox

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.

Usare la fotocamera con HTML

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.