Kodavsnitt 2025, Juli

Vi har pratat om "Varför Ems?" här innan. För de nya värdena, gör Mozilla Developer Network ett utmärkt jobb med att förklara ems: ... en em är "

Att hantera vägar är alltid lite irriterande, du kommer att erkänna. Lyckligtvis är det extremt enkelt med Sass att ha ett vackert API för att hantera tillgångar och att "

Även om det är mycket användbart med aritmetik, kommer Sass lite till kort med matematiska hjälpfunktioner. Det har funnits en öppen fråga i det officiella arkivet till "

Via Alex King kan du använda variabler för väljare: $ a-taggar: 'a, a: aktiv, a: sväva, a: besökt'; $ a-tags-svävar: 'a: aktiv, a: svävar'; # ($ a-taggar) (färg: "

Sass ramverk Kompass ger en praktisk funktion för att få motsatt riktning för en position, till exempel vänster när du passerar höger som argument. Detta"

Om du är intresserad av att hantera ditt eget CSS-leverantörsprefix (snarare än, säg Autoprefixer eller Compass), här är en mixin för att hjälpa till med det. Snarare"

Det finns inget enkelt sätt att kvalificera en väljare från dess tillhörande regleruppsättning. Med kvalificering menar jag att förbereda ett elementnamn (t.ex. a) till en klass "

Den här artikeln från juli 2013 beskriver en metod för att använda psuedo-element för att upprätthålla ett elementformat, även när det skalas. Här är en Sass-mix som "

Materialdesign har varit överallt nyligen. En del av den består i att stapla lager ovanpå varandra som riktiga pappersark. Att uppnå"

Om det finns en förkortning som CSS dramatiskt missar, är det den som gör det möjligt att definiera positionsegenskapen, liksom de fyra offsetegenskaperna "

Responsiva webbdesign skapelser finns ofta över flera olika brytpunkter. Att hantera dessa brytpunkter är inte alltid lätt. Använda dem och uppdatera "

När man gräver djupt in i färgteori finns det något som kallas relativ färgluminans. För att uttrycka det enkelt, definierar en färgs luminans om det är "

För bibliotektillverkare och rambyggare kan det vara bra att ha ett par extra funktioner för att dynamiskt tillämpa funktioner på objekt i en lista. Här"

När du utökar en väljare med @extend-direktivet tar Sass inte CSS-innehållet från den utökade väljaren för att placera det i det utökande. Den"

När du hanterar siffror i JavaScript eller något annat programmeringsspråk finns det ett sätt att trunka ett nummer efter n siffror. Tyvärr finns det ingen"

Bézier-kurvor kan användas för att lägga till vackra effekter till CSS-övergångar och animationer. Att skriva ut den fullständiga funktionella notationen (t.ex. kubisk bezier (0,550, "

När du arbetar med komplexa Sass-arkitekturer är det inte ovanligt att använda Sass-kartor för att upprätthålla konfiguration och alternativ. Ibland ser du kartor "

Scrollbars är en av de UI-komponenter som finns på nästan alla sidor på internet, men vi (utvecklare) har liten eller ingen kontroll över den. "

Det finns ett ganska populärt CSS-hack med transparenta kanter på ett 0-bredd / 0-höjdelement för att efterlikna trianglar. Det finns ett CSS-utdrag här på CSS-Tricks "

Förutsatt att det överordnade elementet har position: relativ ;, kommer dessa fyra egenskaper att centrera ett underordnat element både horisontellt och vertikalt inuti, oavsett "

När man konverterar ett enhetslöst nummer till en längd, varaktighet, vinkel eller vad som helst, tenderar människor att helt enkelt lägga till enheten som en sträng, så här: $ värde: 42; "

Inom datavetenskap använder vi ordet klämma som ett sätt att begränsa ett tal mellan två andra nummer. När det är fastklämt kommer ett nummer antingen att behålla sitt eget värde "

Jag använder mig av att använda dessa egenskaper hela tiden, vilket vanligtvis är ett bra tillfälle för en abstraktion som ett mixin: @mixin coverer ("

Den bästa introduktionen till BEM är från Harry Roberts: BEM - som betyder block, element, modifier - är en front-end namngivningsmetodik som killarna har tänkt på "

& Tecknet i Sass är unikt genom att det representerar den aktuella väljaren. Det förändras när du häckar. Låt oss säga att du är kapslad, men du vill ha tillgång till en "

Det är ganska vanligt att du behöver lite transparent svart eller vitt. I CSS kan du göra:. Halv-svart (bakgrund: rgba (0, 0, 0, 0,5);) Det blir lättare i "

Denna samling funktioner är för testning om värdet på en variabel är av en viss typ. Är 13rem till exempel en relativ längd? SANN! Är "frostig"

Funktion getZeroPaddedNumber ($ värde, $ padding) (returnera str_pad ($ värde, $ padding, "0", STR_PAD_LEFT);) Användningseko getZeroPaddedNumber (123, 4); // utgångar "

Denna regex nedan testar det angivna postnumret om det börjar med siffrorna 096 och att det finns exakt 2 nummer efter det. Om det gör det ekar det ja, om "

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