Kodestykker 2025, September

Vi har talt om "Why Ems?" her før. For de nye em-værdier gør Mozilla Developer Network et fremragende stykke arbejde med at forklare ems: ... en em er "

At håndtere stier er altid lidt irriterende, du vil indrømme. Heldigvis er det ekstremt nemt med Sass at have en smuk API til at administrere aktiver og at "

Selvom det er meget nyttigt med aritmetik, falder Sass lidt under med matematiske hjælperfunktioner. Der har været et åbent emne i det officielle lager til "

Via Alex King kan du bruge variabler til vælgere: $ a-tags: 'a, a: aktiv, a: svæver, a: besøgt'; $ a-tags-hover: 'a: aktiv, a: svæver'; # ($ a-tags) (farve: "

Sass-ramme Kompas giver en praktisk funktion til at få den modsatte retning af en position, f.eks. Venstre når den passerer til højre som argument. Det her"

Hvis du er interesseret i at håndtere din egen CSS-leverandørpræfikser (snarere end for eksempel Autoprefixer eller Compass), her er en mixin til at hjælpe med det. Hellere"

Der er ingen nem måde at kvalificere en vælger inden for dens tilknyttede regelsæt. Med kvalificering mener jeg at forudse et elementnavn (f.eks. A) til en klasse "

Denne artikel fra juli 2013 beskriver en metode til brug af psuedo-elementer til at opretholde et billedformat, selv når det skaleres. Her er en Sass mix, der "

Material Design har været overalt på det seneste. En del af det består i at stable lag oven på hinanden som ægte papirark. At opnå"

Hvis der er en stenografi, som CSS dramatisk savner, er det den, der gør det muligt at definere positionsejendommen såvel som de fire forskudte egenskaber "

Responsive webdesign kreationer findes ofte over flere forskellige breakpoints. Det er ikke altid let at styre disse breakpoints. Brug af dem og opdatering "

Når man graver dybt ned i farveteori, er der noget, der kaldes relativ farve luminans. For at sige det enkelt definerer en farves luminans, om dens "

For biblioteksproducenter og rammeudviklere kan det være nyttigt at have et par ekstra funktioner til dynamisk at anvende funktioner på emner på en liste. Her"

Når man udvider en vælger med @extend-direktivet, tager Sass ikke CSS-indholdet fra den udvidede vælger for at placere det i det udvidede. Det"

Når du beskæftiger dig med tal i JavaScript eller ethvert andet programmeringssprog, er der en måde at afkorte et tal efter n cifre. Desværre er der ingen "

Bézier-kurver kan bruges til at tilføje smukke effekter til CSS-overgange og animationer. Indtastning af den fulde funktionelle notation (f.eks. Cubic-bezier (0.550, "

Når du arbejder på komplekse Sass-arkitekturer, er det ikke ualmindeligt at bruge Sass-kort til at opretholde konfiguration og muligheder. Fra tid til anden vil du se kort "

Rullepaneler er en af ​​de UI-komponenter, der findes på næsten alle sider på internettet, men alligevel har vi (udviklere) ringe eller ingen kontrol over det. "

Der er et ret populært CSS-hack ved hjælp af gennemsigtige kanter på et 0-bredde / 0-højde-element for at efterligne trekanter. Der er et CSS-uddrag her på CSS-tricks "

Forudsat at det overordnede element har position: relativ ;, vil disse fire egenskaber centrere et underordnet element både vandret og lodret inde, uanset "

Når man konverterer et enhedsløst tal til en længde, varighed, vinkel eller hvad som helst, har folk tendens til blot at tilføje enheden som en streng som denne: $ værdi: 42; "

I datalogi bruger vi ordet klemme som en måde at begrænse et tal mellem to andre tal. Når det er fastspændt, beholder et tal enten sin egen værdi "

Jeg finder mig selv ved at bruge disse egenskaber sammen hele tiden, hvilket typisk er en god mulighed for en abstraktion som et mixin: @mixin coverer ("

Den bedste introduktion til BEM er fra Harry Roberts: BEM - hvilket betyder blok, element, modifikator - er en front-end navngivningsmetode, der er tænkt op af gutterne på "

& Karakteren i Sass er unik, fordi den repræsenterer den aktuelle vælger. Det ændrer sig, når du reden. Lad os sige, at du er indlejret, men du vil have adgang til en "

Det er ret almindeligt at have brug for lidt gennemsigtig sort eller hvid. I CSS kan du gøre: .halv-sort (baggrund: rgba (0, 0, 0, 0,5);) Det bliver lettere i "

Denne samling af funktioner er til test, hvis værdien af ​​en variabel er af en bestemt type. For eksempel, er 13rem en relativ længde? SAND! Er "kølig"

Funktion getZeroPaddedNumber ($ værdi, $ polstring) (return str_pad ($ værdi, $ polstring, "0", STR_PAD_LEFT);) Brug echo getZeroPaddedNumber (123, 4); // output "

Denne regex nedenfor tester det angivne postnummer, hvis det starter med tallene 096, og at der er nøjagtigt 2 tal efter det. Hvis det gør det, ekko det Ja, hvis "

$ url = 'http://eksempel.dk'; $ validering = filter_var ($ url, FILTER_VALIDATE_URL, FILTER_FLAG_HOST_REQUIRED); hvis ($ validering) $ output = 'korrekt URL'; "