HTML - CSS

La base di tutto il web

Mattepuffo's logo
Escape HTML nelle input in Smarty

Escape HTML nelle input in Smarty

In un template Smarty ho un campo hidden che mi identifica il valore attuale che nel db.

Il problema è che in quel campo viene salvato anche dell'HTML, in quanto è una textare con un editor.

Però mi succede che il layout della pagina mi salta.

Mattepuffo's logo
Centrare componenti con i CSS

Centrare componenti con i CSS

Ne abbiamo parlato in generale in altri articoli.

E in giro si trovano altri Nmila articoli uguali.

Però io mi scordo sempre, quindi ho deciso di scrivere un articolo!

Al momento, perchè magari in futuro usciranno altre tecniche, per centrare componenti con i CSS abbiamo tre metodi.

Mattepuffo's logo
Troncare il testo con CSS

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.

Mattepuffo's logo
Dark mode toggle con CSS e Javascript

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à.