Codefragmenten 2025, Januari-

We hebben het gehad over "Waarom Ems?" hier eerder. Voor degenen die nieuw zijn in em-waarden: The Mozilla Developer Network legt ems uitstekend uit: ... an em is "

Omgaan met paden is altijd een beetje vervelend, zul je toegeven. Gelukkig is het met Sass buitengewoon eenvoudig om een ​​mooie API te hebben om activa te beheren en "

Hoewel Sass erg behulpzaam is met rekenen, schiet hij een beetje tekort met wiskundige hulpfuncties. Er is een openstaand probleem in de officiële opslagplaats voor "

Via Alex King kun je variabelen gebruiken voor selectors: $ a-tags: 'a, a: active, a: hover, a: bezocht'; $ a-tags-hover: 'a: active, a: hover'; # ($ a-tags) (kleur: "

Sass framework Compass biedt een handige functie om de tegenovergestelde richting van een positie te krijgen, bijvoorbeeld links bij het doorgeven naar rechts als argument. Dit"

Als u geïnteresseerd bent in het afhandelen van uw eigen CSS-leveranciersvoorvoegsel (in plaats van bijvoorbeeld Autoprefixer of Compass), is hier een mix-in om u daarbij te helpen. Liever"

Er is geen gemakkelijke manier om een ​​selector te kwalificeren vanuit de bijbehorende regelset. Met kwalificatie bedoel ik het toevoegen van een elementnaam (bijv. A) aan een klasse "

Dit artikel uit juli 2013 beschrijft een methode om psuedo-elementen te gebruiken om een ​​aspectverhouding van elementen te behouden, zelfs als deze wordt geschaald. Hier is een Sass-mixin dat "

Material Design is de laatste tijd overal geweest. Een deel ervan bestaat uit het op elkaar stapelen van lagen als echte vellen papier. Bereiken"

Als er één steno-CSS dramatisch mist, is het degene die het mogelijk maakt om de eigenschap position te definiëren, evenals de vier offset-eigenschappen "

Responsive Web Design-creaties bestaan ​​vaak uit verschillende breekpunten. Het beheren van die breekpunten is niet altijd gemakkelijk. Ze gebruiken en updaten "

Wanneer je diep in de kleurentheorie graaft, is er iets dat relatieve kleurluminantie wordt genoemd. Simpel gezegd, de luminantie van een kleur bepaalt of zijn "

Voor bibliotheekmakers en frameworkbouwers kan het handig zijn om een ​​aantal extra functies te hebben om functies dynamisch toe te passen op items van een lijst. Hier"

Bij het uitbreiden van een selector met de @extend-richtlijn, neemt Sass de CSS-inhoud van de uitgebreide selector niet om deze in de uitbreidende te plaatsen. Het"

Als je te maken hebt met getallen in JavaScript of een andere programmeertaal, is er een manier om een ​​getal na n cijfers af te kappen. Helaas is er geen"

Bézier-curven kunnen worden gebruikt om prachtige effecten toe te voegen aan CSS-overgangen en animaties. Typ de volledige functionele notatie uit (bijv. Cubic-bezier (0.550, "

Bij het werken aan complexe Sass-architecturen is het niet ongebruikelijk om Sass-kaarten te gebruiken om de configuratie en opties te behouden. Van tijd tot tijd zie je kaarten "

Scrollbars zijn een van die UI-componenten die op bijna elke pagina van internet aanwezig zijn, maar wij (ontwikkelaars) hebben er weinig tot geen controle over. "

Er is een redelijk populaire CSS-hack met transparante randen op een element van 0 breedte / 0 hoogte om driehoeken na te bootsen. Er is hier een CSS-fragment op CSS-Tricks "

Aangenomen dat het bovenliggende element position: relatief; heeft, zullen deze vier eigenschappen een onderliggend element zowel horizontaal als verticaal binnenin centreren, ongeacht "

Bij het converteren van een getal zonder eenheid naar een lengte, duur, hoek of wat dan ook, hebben mensen de neiging om de eenheid gewoon als een string toe te voegen, zoals hier: $ waarde: 42; "

In de informatica gebruiken we het woord klem als een manier om een ​​getal tussen twee andere getallen te beperken. Als het wordt vastgeklemd, behoudt een getal zijn eigen waarde "

Ik merk dat ik deze eigenschappen de hele tijd samen gebruik, wat meestal een goede gelegenheid is voor een abstractie zoals een mixin: @mixin coverer ("

De beste introductie tot BEM is van Harry Roberts: BEM - wat blok, element, modificator betekent - is een front-end naamgevingsmethodiek die is bedacht door de jongens van "

Het teken & in Sass is uniek omdat het de huidige selector vertegenwoordigt. Het verandert terwijl je nest. Stel dat u genest bent, maar u wilt toegang tot een "

Het is vrij normaal om een ​​beetje transparant zwart of wit nodig te hebben. In CSS kun je het volgende doen: .half-black (background: rgba (0, 0, 0, 0.5);) Het wordt gemakkelijker in "

Deze verzameling functies is bedoeld om te testen of de waarde van een variabele van een bepaald type is. Is 13rem bijvoorbeeld een relatieve lengte? WAAR! Is "ijzig"

Functie getZeroPaddedNumber ($ waarde, $ padding) (return str_pad ($ waarde, $ padding, "0", STR_PAD_LEFT);) Gebruiksecho getZeroPaddedNumber (123, 4); // uitgangen "

Deze regex hieronder test de opgegeven postcode als deze begint met de cijfers 096 en of er precies 2 cijfers achter staan. Als dat het geval is, echoot het Ja, als '

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