Kodebiter 2025, April

Vi har snakket om "Why Ems?" her før. For de som er nye for em-verdier, gjør Mozilla Developer Network en utmerket jobb med å forklare ems: ... en em er "

Å takle stier er alltid litt irriterende, du vil innrømme. Heldigvis er det ekstremt enkelt med Sass å ha en vakker API for å administrere eiendeler og å "

Selv om det er veldig nyttig med regning, kommer Sass litt til kort med matematiske hjelperfunksjoner. Det har vært en åpen utgave på det offisielle depotet til "

Via Alex King kan du bruke variabler for velgerne: $ a-tags: 'a, a: aktiv, a: svever, a: besøkt'; $ a-tags-hover: 'a: aktiv, a: hover'; # ($ a-tags) (farge: "

Sass framework Compass gir en praktisk funksjon for å få motsatt retning av en posisjon, for eksempel venstre når du passerer høyre som argument. Dette"

I tilfelle du er interessert i å håndtere ditt eget CSS-leverandørprefiks (i stedet for for eksempel Autoprefixer eller Compass), her er en mixin for å hjelpe med det. Heller"

Det er ingen enkel måte å kvalifisere en velger fra det tilhørende regelsettet. Med kvalifisering mener jeg å forutsette et elementnavn (f.eks. A) til en klasse "

Denne artikkelen fra juli 2013 beskriver en metode for å bruke psuedo-elementer for å opprettholde et elementformat, selv når det skaleres. Her er en Sass-blanding som "

Material Design har vært overalt i det siste. En del av den består i å stable lag oppå hverandre som ekte papirark. Å oppnå"

Hvis det er en stenografi som CSS dramatisk savner, er det den som gjør det mulig å definere posisjonsegenskapen, så vel som de fire offsetegenskapene. "

Responsive nettdesign kreasjoner eksisterer ofte over flere forskjellige brytpunkter. Det er ikke alltid lett å håndtere disse punktene. Bruke dem og oppdatere "

Når man graver dypt inn i fargelære, er det noe som kalles relativ fargeluminans. For å si det enkelt, definerer luminansen til en farge om den er "

For bibliotekprodusenter og rammeverkbyggere kan det være nyttig å ha et par ekstra funksjoner for å dynamisk bruke funksjoner på elementer på en liste. Her"

Når du utvider en velger med @extend-direktivet, tar ikke Sass CSS-innholdet fra den utvidede velgeren for å plassere det i den utvidende. Den"

Når du arbeider med tall i JavaScript eller et hvilket som helst annet programmeringsspråk, er det en måte å kutte et tall etter n sifre. Uheldigvis er det ikke noe"

Bézier-kurver kan brukes til å legge til vakre effekter i CSS-overganger og animasjoner. Skrive ut den fulle funksjonelle notasjonen (f.eks. Kubisk bezier (0,550, "

Når du arbeider med komplekse Sass-arkitekturer, er det ikke uvanlig å bruke Sass-kart for å opprettholde konfigurasjon og alternativer. Fra tid til annen ser du kart "

Rullefelt er en av de brukergrensesnittkomponentene som er tilstede på nesten alle sider på internett, men vi (utviklere) har liten eller ingen kontroll over det. "

Det er et ganske populært CSS-hack ved hjelp av gjennomsiktige kanter på et 0-bredde / 0-høydeelement for å etterligne trekanter. Det er en CSS-kodebit her på CSS-Tricks "

Forutsatt at det overordnede elementet har posisjon: relativ ;, vil disse fire egenskapene sentrere et underordnet element både horisontalt og vertikalt inne, uansett "

Når du konverterer et enhetsfritt tall til en lengde, varighet, vinkel eller hva som helst, har folk en tendens til å bare legge til enheten som en streng, slik: $ verdi: 42; "

I informatikk bruker vi ordet klemme som en måte å begrense et tall mellom to andre tall. Når det er festet, vil et tall enten beholde sin egen verdi "

Jeg finner meg selv å bruke disse egenskapene sammen hele tiden, noe som vanligvis er en god mulighet for en abstraksjon som en mixin: @mixin coverer ("

Den beste introduksjonen til BEM er fra Harry Roberts: BEM - som betyr blokk, element, modifikator - er en frontend-navngivningsmetodikk tenkt ut av gutta på "

& Karakteren i Sass er unik ved at den representerer gjeldende velger. Det endres når du hekker. La oss si at du er nestet, men at du vil ha tilgang til en "

Det er ganske vanlig å trenge litt gjennomsiktig svart eller hvitt. I CSS kan du gjøre: .halv-svart (bakgrunn: rgba (0, 0, 0, 0,5);) Det blir lettere i "

Denne funksjonssamlingen er for testing om verdien av en variabel er av en bestemt type. For eksempel, er 13rem en relativ lengde? EKTE! Er "frost"

Funksjon getZeroPaddedNumber ($ value, $ padding) (return str_pad ($ value, $ padding, "0", STR_PAD_LEFT);) Bruk ekko getZeroPaddedNumber (123, 4); // utganger "

Denne regexen nedenfor tester det oppgitte postnummeret hvis det starter med tallene 096 og at det er nøyaktig 2 tall etter det. Hvis det gjør det, ekko det ja, hvis "

$ url = 'http://eksempel.com'; $ validering = filter_var ($ url, FILTER_VALIDATE_URL, FILTER_FLAG_HOST_REQUIRED); if ($ validation) $ output = 'proper URL'; "