Tutorial su progettazione e algoritmi 2025, Luglio

Sono presenti caratteri unicode triangolari. Potresti disegnare un triangolo in SVG. Ma c'è un altro modo per disegnare un triangolo sul web, che non coinvolge nient'altro che la proprietà border e un piccolo trucco CSS ".

Ci sono alcune animazioni di scorrimento che sono possibili in CSS senza alcun JavaScript. Basta guardare il capitolo sull'indicatore di scorrimento, che è chiaramente magia CSS. Ma possiamo eseguire molte animazioni di scorrimento direttamente in CSS con solo un po 'di informazioni fornite da JavaScript: fino a che punto è stata spostata la pagina. "

La proprietà box-shadow è ovviamente utile per le ombre chiare dietro gli elementi che forniscono un senso di dimensionalità e separazione. Ma l'ombra della scatola aveva alcuni assi nella manica, in particolare per il fatto che un'ombra della scatola non deve essere morbida, può essere impilata e non ha nemmeno bisogno di essere particolarmente vicina ".

Puoi creare strisce di sfondo in CSS utilizzando gradiente lineare. Spesso pensiamo a una sfumatura come una dissolvenza da un colore a un altro, ma il trucco per le strisce è di non avere alcuna dissolvenza. Invece, possiamo specificare "interruzioni di colore" nella stessa posizione, in modo che il colore cambi istantaneamente da uno (...) "

Forse il trucco più grande in tutta la griglia CSS è essere in grado di scrivere un layout di colonna che non dichiara esplicitamente il numero di righe o colonne, ma le crea automaticamente sulla base di istruzioni un po 'sciolte e del contenuto fornito ".

Trascinare un elemento sullo schermo è qualcosa che è abbastanza saldamente nel territorio di JavaScript. Ti consigliamo di accedere a eventi DOM come clic e movimento del mouse. Ma siamo qui per parlare di trucchi CSS, quindi facciamolo solo in HTML e CSS! "

Le etichette devono avere attributi "per" che corrispondono all'ID dell'input che stanno etichettando. Ciò significa che possiamo catturare quell'attributo e usarlo in un selettore per "