Fragmente de cod 2025, Ianuarie

Am vorbit despre „De ce Ems?” aici înainte. Pentru cei noi la valorile em, Rețeaua de dezvoltatori Mozilla face o treabă excelentă de a explica ems: ... un em este "

A face față căilor este întotdeauna un pic enervant, veți admite. Din fericire, este extrem de ușor cu Sass să ai un API frumos pentru a gestiona activele și pentru a „

În timp ce este foarte util în aritmetică, Sass rămâne puțin scurt cu funcțiile de asistență matematică. A existat o problemă deschisă în depozitul oficial la „

Prin Alex King, puteți utiliza variabile pentru selectoare: $ a-tags: 'a, a: active, a: hover, a: Visit'; $ a-tags-hover: 'a: active, a: hover'; # ($ a-tags) (culoare: "

Cadru Sass Compass oferă o funcție utilă pentru a obține direcția opusă unei poziții, de exemplu la stânga când treceți drept drept argument. Acest"

În cazul în care sunteți interesat să gestionați propriile prefixări ale furnizorului CSS (mai degrabă decât, să zicem, Autoprefixer sau Compass), iată un mixin pentru a vă ajuta. Mai degraba"

Nu există o modalitate ușoară de a califica un selector din setul de reguli asociat. Prin calificare, vreau să spun prepending un nume de element (de exemplu, a) la o clasă "

Acest articol din iulie 2013 descrie o metodă de utilizare a elementelor psuedo pentru a menține un raport de aspect al elementelor, chiar și în măsura în care este scalat. Iată un mix Sass care "

Designul materialelor a fost peste tot în ultimul timp. O parte a acestuia constă în stivuirea straturilor una peste cealaltă, precum foi de hârtie reale. Pentru a realiza"

Dacă există o singură scurtare CSS ratează dramatic, este cea care face posibilă definirea proprietății poziției, precum și a celor patru proprietăți de offset "

Creațiile responsive de design web există adesea pe mai multe puncte de întrerupere diferite. Gestionarea acestor puncte de întrerupere nu este întotdeauna ușoară. Folosirea lor și actualizarea "

Când săpăm adânc în teoria culorilor, există ceva numit luminanță relativă a culorii. Pentru a o spune simplu, luminanța unei culori definește dacă „

Pentru creatorii de biblioteci și constructorii de cadru, ar putea fi util să ai câteva funcții suplimentare pentru a aplica dinamic funcții elementelor dintr-o listă. Aici"

Când extindeți un selector cu directiva @extend, Sass nu preia conținutul CSS din selectorul extins pentru al pune în cel extins. Aceasta"

Când aveți de-a face cu numere în JavaScript sau orice alt limbaj de programare, există o modalitate de a tăia un număr după n cifre. Din păcate, nu există "

Curbele Bézier pot fi folosite pentru a adăuga efecte frumoase la tranzițiile și animațiile CSS. Tastând notația funcțională completă (de exemplu, cub-bezier (0.550, "

Când lucrați la arhitecturi complexe Sass, nu este neobișnuit să utilizați hărți Sass pentru a menține configurația și opțiunile. Din când în când, veți vedea hărți ”

Barele de derulare sunt una dintre acele componente ale interfeței de utilizare care sunt prezente pe aproape fiecare pagină a internetului, totuși noi (dezvoltatorii) avem puțin sau deloc control asupra acesteia. "

Există un hack CSS destul de popular care folosește margini transparente pe un element cu o lățime 0/0 înălțime pentru a imita triunghiurile. Există un fragment CSS aici pe CSS-Tricks "

Presupunând că elementul părinte are poziție: relativă; aceste patru proprietăți vor centra un element copil atât orizontal cât și vertical în interior, indiferent de "

Atunci când convertiți un număr fără unități într-o lungime, durată, unghi sau orice altceva, oamenii au tendința de a adăuga pur și simplu unitatea ca un șir, astfel: valoare $: 42; "

În informatică, folosim cuvântul clamp ca o modalitate de a restricționa un număr între alte două numere. Când este blocat, un număr fie își va păstra propria valoare "

Mă găsesc folosind aceste proprietăți împreună tot timpul, ceea ce este de obicei o bună oportunitate pentru o abstractizare ca un mixin: @mixin coverer ("

Cea mai bună introducere în BEM este de la Harry Roberts: BEM - adică bloc, element, modificator - este o metodologie de denumire front-end gândită de băieții de la „

Caracterul & din Sass este unic prin faptul că reprezintă selectorul curent. Se schimbă pe măsură ce vă cuibăriți. Să presupunem că sunteți imbricat, dar doriți acces la un „

Este destul de obișnuit să ai nevoie de un pic de alb negru sau transparent. În CSS, puteți face: .negru-negru (fundal: rgba (0, 0, 0, 0,5);) Devine mai ușor în "

Această colecție de funcții este destinată testării dacă valoarea unei variabile este de un anumit tip. De exemplu, este 13rem o lungime relativă? ADEVĂRAT! Este „geroasă”

Funcția getZeroPaddedNumber ($ value, $ padding) (returnează str_pad ($ value, $ padding, "0", STR_PAD_LEFT);) Utilizare echo getZeroPaddedNumber (123, 4); // ieșiri "

Această regex de mai jos testează codul poștal furnizat dacă începe cu numerele 096 și dacă există exact 2 numere după acesta. Dacă se întâmplă, ecou Da, dacă „

$ url = 'http://example.com'; $ validare = filter_var ($ url, FILTER_VALIDATE_URL, FILTER_FLAG_HOST_REQUIRED); if ($ validare) $ output = 'URL corect'; "