Úryvky kódu 2025, Leden

Mluvili jsme o tom „Proč Ems?“ tady předtím. Pokud jde o nové hodnoty em, Mozilla Developer Network výborně vysvětluje ems: ... em is “

Jednání s cestami je vždy trochu otravné, připustíte. Naštěstí je se společností Sass extrémně snadné mít krásné API pro správu majetku a „

I když je velmi užitečný s aritmetikou, Sass trochu chybí s matematickými pomocnými funkcemi. V oficiálním úložišti došlo k otevřenému problému „

Prostřednictvím Alexa Kinga můžete použít proměnné pro selektory: $ a-tags: 'a, a: active, a: hover, a: navštíveno'; $ a-tags-hover: 'a: active, a: hover'; # ($ a-tags) (barva: "

Sass framework Compass poskytuje užitečnou funkci pro získání opačného směru polohy, například doleva při předávání doprava jako argument. Tento"

V případě, že máte zájem o práci s vlastní předponou dodavatele CSS (spíše než, řekněme, Autoprefixer nebo Compass), je zde mix, který vám s tím pomůže. Spíše"

Neexistuje snadný způsob, jak kvalifikovat selektor z jeho přidružené sady pravidel. Kvalifikací mám na mysli předřazení názvu prvku (např. A) do třídy "

Tento článek z července 2013 popisuje metodu používání prvků psuedo k udržení poměru stran prvků, i když se mění. Tady je mix Sass, který "

Materiálový design je v poslední době všude. Jedna část spočívá ve skládání vrstev na sebe, jako jsou skutečné listy papíru. Dosáhnout"

Pokud existuje jedna zkratka, která CSS dramaticky chybí, je to ta, která umožňuje definovat vlastnost pozice, stejně jako čtyři vlastnosti posunutí "

Responzivní tvorba webových návrhů často existuje v několika různých zarážkách. Správa těchto hraničních bodů není vždy snadná. Jejich použití a aktualizace "

Když se ponoříme hluboko do teorie barev, existuje něco, co se nazývá relativní jas světla. Jednoduše řečeno, jas barvy definuje, zda její „

Pro tvůrce knihoven a tvůrce rámců může být užitečné mít několik dalších funkcí pro dynamické použití funkcí na položky seznamu. Tady"

Při rozšiřování selektoru pomocí direktivy @extend Sass nebere obsah CSS z rozšířeného selektoru, aby jej vložil do rozšiřujícího. To"

Při práci s čísly v JavaScriptu nebo v jiném programovacím jazyce existuje způsob, jak zkrátit číslo po n číslicích. Bohužel neexistuje

Bézierovy křivky lze použít k přidání krásných efektů do přechodů a animací CSS. Zadáním úplné funkční notace (např. Kubický-bezier (0,550, "

Při práci na složitých architekturách Sass není neobvyklé používat mapy Sass k udržení konfigurace a možností. Čas od času uvidíte mapy “

Posuvníky jsou jednou z těch komponent uživatelského rozhraní, které jsou přítomny téměř na každé stránce internetu, přesto my (vývojáři) nad nimi nemáme téměř žádnou kontrolu. “

Existuje poměrně populární hack CSS, který používá průhledné ohraničení prvku 0-šířka / 0-výška k napodobení trojúhelníků. Na tricích CSS je fragment CSS "

Za předpokladu, že nadřazený prvek má pozici: relativní;, tyto čtyři vlastnosti vycentrují podřízený prvek uvnitř vodorovně i svisle, bez ohledu na to "

Při převodu čísla bez jednotky na délku, délku, úhel nebo cokoli mají lidé tendenci jednoduše připojit jednotku jako řetězec, například takto: $ value: 42; "

V počítačové vědě používáme slovo clamp jako způsob, jak omezit číslo mezi dvěma dalšími čísly. Po upnutí si číslo buď zachová svoji vlastní hodnotu “

Zjistil jsem, že tyto vlastnosti používám pořád dokola, což je obvykle dobrá příležitost pro abstrakci, jako je mixin: @mixin coverer ("

Nejlepší úvod do BEM je od Harryho Robertsa: BEM - což znamená blok, prvek, modifikátor - je front-endová metodika pojmenování, kterou vymysleli kluci na „

Znak & v Sassu je jedinečný v tom, že představuje aktuální selektor. Jak se hnízdíte, mění se. Řekněme, že jste vnořeni, ale chcete přístup k „

Je docela běžné, že potřebujete trochu průhledné černé nebo bílé. V CSS můžete dělat: .half-black (background: rgba (0, 0, 0, 0,5);) Bude to snazší v "

Tato kolekce funkcí je určena k testování, zda je hodnota proměnné určitého typu. Je například 13rem relativní délka? SKUTEČNÝ! Je „mrazivý“

Funkce getZeroPaddedNumber ($ value, $ padding) (návrat str_pad ($ value, $ padding, "0", STR_PAD_LEFT);) Použití echo getZeroPaddedNumber (123, 4); // výstupy "

Tento regex níže testuje zadaný PSČ, pokud začíná čísly 096 a že za ním jsou přesně 2 čísla. Pokud ano, ozývá se Ano, pokud “

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