Koodijupid 2025, Aprill

Px kuni Em funktsioonid - CSS-trikid

Px kuni Em funktsioonid - CSS-trikid

Oleme rääkinud teemal "Miks Ems?" siin enne. Neile uute väärtuste jaoks teeb Mozilla arendajavõrgustik suurepärase töö selgitamiseks: ... em on "

Lihtsad varahalduri funktsioonid - CSS-trikid

Lihtsad varahalduri funktsioonid - CSS-trikid

Rajadega tegelemine on alati natuke tüütu, nõustute. Õnneks on Sassiga ülimalt lihtne omada ilusat API-d varade haldamiseks ja "

Toitefunktsioon - CSS-trikid

Toitefunktsioon - CSS-trikid

Aritmeetika osas on Sass küll abiks matemaatiliste abifunktsioonide osas. Ametlikus hoidlas on olnud avatud teema "

Sass Asjad lingideks CSS-trikid

Sass Asjad lingideks CSS-trikid

Alex Kingi kaudu saate selektorite jaoks kasutada muutujaid: $ a-tags: 'a, a: aktiivne, a: hõljutus, a: külastatud'; $ a-tags-hover: 'a: aktiivne, a: hover'; # ($ a-tags) (värv: "

Vastassuuna funktsioon - CSS-trikid

Vastassuuna funktsioon - CSS-trikid

Sass framework Compass pakub käepärase funktsiooni positsiooni vastupidise suuna saamiseks, näiteks argumendina paremale minnes vasakule. See "

Mixin ja prefiks atribuudid - CSS-trikid

Mixin ja prefiks atribuudid - CSS-trikid

Juhul, kui olete huvitatud oma CSS-i tarnija eesliite (mitte näiteks Autoprefixeri või Kompassi) käitlemisest, on siin abiks see segu. Pigem "

Mixin valiku kvalifitseerumiseks - CSS-trikid

Mixin valiku kvalifitseerumiseks - CSS-trikid

Valijat ei saa hõlpsalt kvalifitseerida selle seotud reeglistiku hulgast. Kvalifitseerimise all pean silmas elemendi nime (nt a) ette valmistamist klassile "

Säilitage kuvasuhe Mixin CSS-trikid

Säilitage kuvasuhe Mixin CSS-trikid

Selles 2013. aasta juuliartiklis kirjeldatakse meetodit psuedo elementide kasutamiseks elementide kuvasuhte säilitamiseks, isegi kui see mõõtkavas on. Siin on Sassi segu, mis "

Materiaalsed varjud Mixin CSS-trikid

Materiaalsed varjud Mixin CSS-trikid

Materjalikujundus on viimasel ajal levinud kõikjal. Selle üks osa koosneb kihtide virnastamisest üksteise otsa nagu päris paberilehed. Saavutama"

Mixin positsioneerimiseks - CSS-trikid

Mixin positsioneerimiseks - CSS-trikid

Kui on üks lühike käsk, jätab CSS dramaatiliselt mööda, võimaldab see määratleda nii positsiooni omaduse kui ka neli nihkeomadust "

Mixin murdepunktide haldamiseks - CSS-trikid

Mixin murdepunktide haldamiseks - CSS-trikid

Tundlikud veebidisaini loomingud eksisteerivad sageli mitme erineva murdepunkti vahel. Nende murdepunktide haldamine pole alati lihtne. Nende kasutamine ja värskendamine "

Värvi heleduse funktsioon - CSS-trikid

Värvi heleduse funktsioon - CSS-trikid

Värviteooriasse süvenemisel on midagi, mida nimetatakse värvide suhteliseks heleduseks. Lihtsamalt öeldes määratleb värvi heledus, kas selle värv

Funktsionaalsed programmeerimisfunktsioonid CSS-trikid

Funktsionaalsed programmeerimisfunktsioonid CSS-trikid

Raamatukogutootjatele ja raamistikuehitajatele võib olla kasulik paar lisafunktsiooni funktsioonide dünaamiliseks rakendamiseks loendi üksuste jaoks. Siin "

@extend Wrapper ehk Mixtend - CSS-trikid

@extend Wrapper ehk Mixtend - CSS-trikid

Valija laiendamisel @extend direktiiviga ei võta Sass laiendatud valijast CSS-i sisu selle laiendamisse panemiseks. See "

Parandage arv N-numbriks - CSS-trikid

Parandage arv N-numbriks - CSS-trikid

JavaScripti või mõnes muus programmeerimiskeeles olevate numbritega tegelemisel on võimalus n-numbri järel arvu kärpida. Kahjuks pole

Kaardi funktsiooni lihtsustamine - CSS-trikid

Kaardi funktsiooni lihtsustamine - CSS-trikid

Bézieri kõverate abil saab ilusaid efekte lisada CSS-i üleminekutele ja animatsioonidele. Täieliku funktsionaalse tähistuse sisestamine (nt kuupbezier (0,550, "

Sügav hankimine / seadistamine Mapsis CSS-trikid

Sügav hankimine / seadistamine Mapsis CSS-trikid

Kui töötate keerukate Sassi arhitektuuridega, pole haruldane, et konfiguratsiooni ja valikute säilitamiseks kasutatakse Sassi kaarte. Aeg-ajalt näete kaarte "

Kohandatud kerimisribad Mixin - CSS-trikid

Kohandatud kerimisribad Mixin - CSS-trikid

Kerimisribad on üks neist kasutajaliidese komponentidest, mida leidub peaaegu igal Interneti-lehel, kuid meil (arendajatel) on selle üle vähe või üldse mitte kontrolli. "

CSS kolmnurk Mixin - CSS-trikid

CSS kolmnurk Mixin - CSS-trikid

Kolmnurkade jäljendamiseks on üsna populaarne CSS-i häkkimine, kasutades 0-laiuse / 0-kõrguse elemendi läbipaistvaid piire. Siin on CSS-trikkides CSS-i fragment "

Mixini tsentreerimine - CSS-trikid

Mixini tsentreerimine - CSS-trikid

Eeldades, et vanemelemendil on positsioon: suhteline;; need neli omadust koondavad lapse elemendi nii horisontaalselt kui ka vertikaalselt, olenemata sellest "

Üksuse õige lisamine arvule - CSS-trikid

Üksuse õige lisamine arvule - CSS-trikid

Ühikuvaba numbri teisendamisel pikkuseks, kestvuseks, nurgaks või muuks muudavad inimesed ühiku lihtsalt stringina, näiteks: $ value: 42; "

Numbri kinnitamine - CSS-trikid

Numbri kinnitamine - CSS-trikid

Arvutiteaduses kasutame sõna klamber arvu piiramiseks kahe teise numbri vahel. Kinnitatuna hoiab number kas oma väärtust "

Mixini katmine - CSS-trikid

Mixini katmine - CSS-trikid

Ma leian, et kasutan neid omadusi pidevalt koos, mis on tavaliselt hea võimalus abstraktsiooniks nagu mixin: @mixin coverer ("

BEM Mixins - CSS-trikid

BEM Mixins - CSS-trikid

Parim sissejuhatus BEM-i on Harry Robertsilt: BEM - mis tähendab plokki, elementi, modifikaatorit - on esiotsa nimetamismetoodika, mille on välja mõelnud kutid

Praeguse valija (&) vahemällu salvestamine Sassis CSS-trikid

Praeguse valija (&) vahemällu salvestamine Sassis CSS-trikid

Sassis olev & märk on ainulaadne selle poolest, et see tähistab praegust valijat. See muutub pesitsedes. Oletame, et olete pesitsenud, kuid soovite juurdepääsu

Mustvalge läbipaistmatuse funktsioonid CSS-trikid

Mustvalge läbipaistmatuse funktsioonid CSS-trikid

See on üsna tavaline vajadus natuke läbipaistvat musta või valget. CSS-is saate teha:. Pool-must (taust: rgba (0, 0, 0, 0,5);)

Täpsem tüübikontroll - CSS-trikid

Täpsem tüübikontroll - CSS-trikid

See funktsioonide kogu on testimiseks, kui muutuja väärtus on teatud tüüpi. Kas näiteks 13rem on suhteline pikkus? TÕSI! On "härmas"

Nullpolsterdatud numbrid - CSS-trikid

Nullpolsterdatud numbrid - CSS-trikid

Funktsioon getZeroPaddedNumber ($ väärtus, $ polster) (tagastage str_pad ($ väärtus, $ polster, "0", STR_PAD_LEFT);) Kasutuskaja getZeroPaddedNumber (123, 4); // väljundid "

Lihtne sihtnumbri vahemiku tester CSS-trikid

Lihtne sihtnumbri vahemiku tester CSS-trikid

See allpool toodud regex testib antud sihtnumbrit, kui see algab numbritega 096 ja et selle järel on täpselt 2 numbrit. Kui see juhtub, kajab see jah, kui "

URL-i kinnitamine - CSS-trikid

URL-i kinnitamine - CSS-trikid

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