La base di tutto il web
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.
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.
In questo articolo vediamo come customizzare i symbols nelle liste HTML.
Per farlo useremo solo CSS, senza librerie aggiuntive.
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à.
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.
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.