Úryvky kódu 2025, Apríl

Funkcie Px na Em Triky CSS

Funkcie Px na Em Triky CSS

Hovorili sme o tom, „Prečo Ems?“ tu predtým. Pre tých, ktorí majú nové hodnoty em, robí Mozilla Developer Network vynikajúcu prácu pri vysvetľovaní ems: ... em is “

Jednoduché pomocné funkcie pre majetok Triky CSS

Jednoduché pomocné funkcie pre majetok Triky CSS

Zaobchádzanie s cestami je vždy trochu nepríjemné, pripustíte. Našťastie je so spoločnosťou Sass mimoriadne ľahké mať nádherné rozhranie API na správu aktív a na „

Funkcia napájania - Triky CSS

Funkcia napájania - Triky CSS

Aj keď je Sass veľmi užitočný pri počítaní, s matematickými pomocnými funkciami trochu zaostáva. V oficiálnom úložisku sa vyskytol otvorený problém „

Sass Veci na odkazy Triky CSS

Sass Veci na odkazy Triky CSS

Prostredníctvom Alexa Kinga môžete použiť premenné pre selektory: $ a-tags: 'a, a: active, a: hover, a: navštívený'; $ a-tags-hover: 'a: active, a: hover'; # ($ a-tags) (farba: "

Funkcia v opačnom smere - Triky CSS

Funkcia v opačnom smere - Triky CSS

Sass framework Compass poskytuje užitočnú funkciu na získanie opačného smeru polohy, napríklad doľava, keď prechádzate doprava ako argument. Toto “

Vlastnosti Mixin na predponu Triky CSS

Vlastnosti Mixin na predponu Triky CSS

V prípade, že máte záujem o prácu s vlastnou predponou dodávateľa CSS (skôr ako povedzme Autoprefixer alebo Compass), je tu mix, ktorý vám s tým pomôže. Skôr “

Mixin na kvalifikáciu selektora Triky CSS

Mixin na kvalifikáciu selektora Triky CSS

Nie je ľahký spôsob, ako kvalifikovať selektor z príslušnej množiny pravidiel. Pod pojmom kvalifikácia rozumiem doplnenie názvu prvku (napr. A) do triedy "

Udržiavajte pomer strán Mixin - Triky CSS

Udržiavajte pomer strán Mixin - Triky CSS

Tento článok z júla 2013 popisuje metódu používania prvkov psuedo na udržanie pomeru strán prvkov, aj keď má mierku. Tu je mix Sass, ktorý „

Materiál Shadows Mixin Triky CSS

Materiál Shadows Mixin Triky CSS

Materiálový dizajn je v poslednej dobe všade naokolo. Jedna jeho časť spočíva v ukladaní vrstiev na seba, ako sú skutočné listy papiera. Dosiahnuť"

Mixin pre offsetové polohovanie Triky CSS

Mixin pre offsetové polohovanie Triky CSS

Ak existuje jedna skratka, ktorá CSS dramaticky chýba, je to tá, ktorá umožňuje definovať vlastnosť position, ako aj štyri vlastnosti offsetu "

Mixin na správu hraničných hodnôt Triky CSS

Mixin na správu hraničných hodnôt Triky CSS

Responzívne výtvory webdizajnu často existujú v niekoľkých rôznych bodoch zlomu. Správa týchto hraničných hodnôt nie je vždy jednoduchá. Ich použitie a aktualizácia “

Funkcia farebnej jasnosti - Triky CSS

Funkcia farebnej jasnosti - Triky CSS

Keď sa ponoríte do teórie farieb, existuje niečo, čo sa nazýva relatívna jasnosť farieb. Zjednodušene povedané, jas farby určuje, či je „

Funkčné programovacie funkcie - Triky CSS

Funkčné programovacie funkcie - Triky CSS

Pre tvorcov knižníc a tvorcov rámcov môže byť užitočné mať niekoľko ďalších funkcií na dynamické použitie funkcií na položky v zozname. Tu"

@extend Wrapper aka Mixtend - Triky CSS

@extend Wrapper aka Mixtend - Triky CSS

Pri rozširovaní selektora pomocou smernice @extend Sass neberie obsah CSS z rozšíreného selektora, aby ho vložil do rozširujúceho. To "

Opravte číslo na N číslic Triky CSS

Opravte číslo na N číslic Triky CSS

Pri práci s číslami v JavaScripte alebo v akomkoľvek inom programovacom jazyku existuje spôsob, ako skrátiť číslo po n čísliciach. Bohužiaľ neexistuje

Uľahčenie funkcie Získanie mapy Triky CSS

Uľahčenie funkcie Získanie mapy Triky CSS

Bézierove krivky možno použiť na pridanie nádherných efektov prechodom a animáciám CSS. Napísanie úplnej funkčnej notácie (napr. Kubický-Bézierov (0,550 ")

Hlboké získanie / nastavenie v Mapách Triky CSS

Hlboké získanie / nastavenie v Mapách Triky CSS

Pri práci na zložitých architektúrach Sass nie je nezvyčajné používať mapy Sass na udržanie konfigurácie a možností. Z času na čas uvidíte mapy “

Mixovanie vlastných posuvných pruhov Triky CSS

Mixovanie vlastných posuvných pruhov Triky CSS

Posuvníky sú jednou z tých súčastí používateľského rozhrania, ktoré sú prítomné takmer na každej stránke internetu, napriek tomu nad nimi (vývojári) nemáme takmer žiadnu kontrolu. ““

Mix CSS trojuholníka Triky CSS

Mix CSS trojuholníka Triky CSS

Existuje pomerne populárny hack CSS, ktorý používa priehľadné hranice na prvku 0-šírka / 0-výška na napodobnenie trojuholníkov. Na trikoch CSS je úryvok CSS "

Strediaci mixín Triky CSS

Strediaci mixín Triky CSS

Za predpokladu, že nadradený prvok má pozíciu: relatívny;, tieto štyri vlastnosti vycentrujú podradený prvok vo vnútri vodorovne aj zvisle, bez ohľadu na to "

Správne pridanie jednotky k číslu Triky CSS

Správne pridanie jednotky k číslu Triky CSS

Pri prevode čísla bez jednotky na dĺžku, trvanie, uhol alebo čokoľvek majú ľudia tendenciu jednoducho pripojiť jednotku ako reťazec, napríklad takto: $ value: 42; "

Upnutie čísla Triky CSS

Upnutie čísla Triky CSS

V informatike používame slovo svorka ako spôsob obmedzenia čísla medzi dvoma ďalšími číslami. Po upnutí si číslo buď zachová svoju vlastnú hodnotu. “

Krycí mixín Triky CSS

Krycí mixín Triky CSS

Zistil som, že tieto vlastnosti používam stále dokola, čo je zvyčajne dobrá príležitosť pre abstrakciu, ako je mixin: @mixin coverer („

Mixy BEM Triky CSS

Mixy BEM Triky CSS

Najlepší úvod do BEM je od Harryho Robertsa: BEM - čo znamená blok, prvok, modifikátor - je front-endová metodika pomenovania, ktorú vymysleli chlapci na adrese „

Ukladanie selektora aktuálneho voliča (&) do pamäte Sass - Triky CSS

Ukladanie selektora aktuálneho voliča (&) do pamäte Sass - Triky CSS

Znak & v Sass je jedinečný v tom, že predstavuje aktuálny selektor. Pri hniezdení sa to mení. Povedzme, že ste vnorení, ale chcete prístup k „

Funkcie čiernej a bielej nepriehľadnosti Triky CSS

Funkcie čiernej a bielej nepriehľadnosti Triky CSS

Je celkom bežné, že potrebujete trochu priehľadnej čiernej alebo bielej. V CSS môžete: .half-black (background: rgba (0, 0, 0, 0,5);) Je to jednoduchšie v „

Rozšírená kontrola typu Triky CSS

Rozšírená kontrola typu Triky CSS

Táto kolekcia funkcií slúži na testovanie, či je hodnota premennej určitého typu. Je napríklad 13rem relatívna dĺžka? PRAVDA! Je „mrazivý“

Nulové polstrované čísla Triky CSS

Nulové polstrované čísla Triky CSS

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

Jednoduchý tester rozsahu PSČ Triky CSS

Jednoduchý tester rozsahu PSČ Triky CSS

Tento regulárny regulárny výraz nižšie testuje poskytnuté poštové smerovacie číslo, ak sa začína číslami 096 a či sú za ním presne dve čísla. Ak áno, ozýva sa to Áno, ak „

Validácia URL Triky CSS

Validácia URL Triky CSS

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