Tutorial de proiectare și algoritmi 2025, Ianuarie

Există caractere unicode triunghiulare. Ai putea desena un triunghi în SVG. Dar există o altă modalitate de a desena un triunghi pe web, care nu implică altceva decât proprietatea frontierei și un pic de înșelăciune CSS. "

Există câteva animații de defilare care sunt posibile în CSS fără niciun JavaScript. Uitați-vă doar la capitolul de pe Indicatorul de derulare, care este în mod clar magia CSS. Dar putem face o mulțime de animații de defilare direct în CSS, cu doar un pic de informații furnizate de JavaScript: cât de departe a fost derulată pagina. "

Proprietatea cutie-umbră este evident utilă pentru umbrele luminoase din spatele elementelor care oferă un sentiment de dimensionalitate și separare. Dar box-shadow a avut câteva trucuri în mânecă, în special în ceea ce privește modul în care o umbră de cutie nu trebuie să fie moale, să poată fi stivuită și nici nu trebuie să fie deosebit de apropiată. "

Puteți face dungi de fundal în CSS utilizând gradient liniar. De multe ori ne gândim la un gradient ca la o estompare de la o culoare la alta, dar trucul pentru dungi este să nu ai deloc stingeri. În schimb, putem specifica „oprirea culorii” în aceeași locație, astfel încât culoarea să se schimbe instantaneu dintr-una (…) ”

Poate că cel mai mare truc din toată grila CSS este să puteți scrie un aspect de coloană care nu declară în mod explicit numărul de rânduri sau coloane, ci le creează automat pe baza unor instrucțiuni oarecum libere și a conținutului pe care îl furnizați. "

Tragerea unui element în jurul ecranului este ceva care este destul de ferm pe teritoriul JavaScript. Veți dori acces la evenimente DOM, cum ar fi clicuri și mișcarea mouse-ului. Dar suntem aici pentru a vorbi despre înșelăciunea CSS, așa că haideți să o facem numai în HTML și CSS! "

Etichetele ar trebui să aibă atribute „pentru” care se potrivesc cu ID-ul intrării pe care o etichetează. Acest lucru înseamnă că putem înșira acel atribut și îl putem folosi într-un selector pentru „