Kodo fragmentai 2025, Sausis

Px į Em funkcijas - CSS-gudrybės

Px į Em funkcijas - CSS-gudrybės

Mes kalbėjome apie „Kodėl Ems?“ čia anksčiau. Toms naujoms „em“ vertybėms „Mozilla“ kūrėjų tinklas puikiai paaiškina jas: ... emas yra "

Paprastos turto padėjėjo funkcijos - CSS-gudrybės

Paprastos turto padėjėjo funkcijos - CSS-gudrybės

Tvarkymasis su keliais visada yra šiek tiek erzinantis, jūs sutiksite. Laimei, su „Sass“ yra labai lengva turėti gražią API valdyti turtą ir

Maitinimo funkcija - CSS-gudrybės

Maitinimo funkcija - CSS-gudrybės

Nors Sassas labai naudingas aritmetikai, Sass šiek tiek nesiekia matematinių pagalbininkų funkcijų. Oficialioje saugykloje buvo atviras klausimas „

Sass dalykai nuorodoms CSS-gudrybės

Sass dalykai nuorodoms CSS-gudrybės

Per Alex King galite pasirinkti kintamuosius selektoriams: $ a-tags: 'a, a: active, a: hover, a: seen'; $ a-tags-hover: 'a: aktyvus, a: hover'; # ($ a-tags) (spalva: "

Priešingos krypties funkcija - CSS-gudrybės

Priešingos krypties funkcija - CSS-gudrybės

„Sass framework Compass“ suteikia patogią funkciją, kad gautų priešingą pozicijos kryptį, pavyzdžiui, kairę, kai argumentas eina į dešinę. Tai

„Mixin“ į priešdėlių ypatybes - CSS-gudrybės

„Mixin“ į priešdėlių ypatybes - CSS-gudrybės

Jei norite susidoroti su savo CSS tiekėjo priešdėliais (o ne, tarkime, su „Autoprefixer“ ar „Compass“), čia yra „mixin“. Greičiau "

"Mixin", kad galėtumėte pasirinkti selektorių - CSS-gudrybės

"Mixin", kad galėtumėte pasirinkti selektorių - CSS-gudrybės

Nėra lengvo būdo pasirinkti kvalifikatorių iš jo susietų taisyklių rinkinio. Turėdamas omenyje turiu omenyje elemento pavadinimo (pvz., A) paruošimą klasei "

Išlaikyti proporciją Mixin - CSS-gudrybės

Išlaikyti proporciją Mixin - CSS-gudrybės

Šiame 2013 m. Liepos mėn. Straipsnyje aprašytas „psuedo“ elementų naudojimo būdas išlaikyti elementų formato koeficientą, net kai jis keičiamas. Štai „Sass“ mišinys, kuris "

Medžiagos šešėliai Mixin CSS-gudrybės

Medžiagos šešėliai Mixin CSS-gudrybės

Medžiagų dizainas pastaruoju metu buvo visur. Vieną jos dalį sudaro sluoksnių sukrovimas vienas ant kito, kaip tikri popieriaus lapai. Pasiekti"

"Mixin" poslinkio padėčiai nustatyti CSS-gudrybės

"Mixin" poslinkio padėčiai nustatyti CSS-gudrybės

Jei yra viena trumpa CSS, ji nepastebima, ji leidžia apibrėžti padėties ypatybę ir keturias poslinkio ypatybes "

Mixin valdyti lūžio taškus CSS-gudrybės

Mixin valdyti lūžio taškus CSS-gudrybės

Interaktyvūs interneto dizaino kūriniai dažnai egzistuoja keliuose skirtinguose taškuose. Ne visada lengva valdyti tuos lūžio taškus. Jų naudojimas ir atnaujinimas "

Spalvos ryškumo funkcija - CSS-gudrybės

Spalvos ryškumo funkcija - CSS-gudrybės

Gilinantis į spalvų teoriją yra kažkas, vadinamas santykiniu spalvų skaisčiu. Paprasčiau tariant, spalvos ryškumas apibrėžia, ar ji

Funkcinės programavimo funkcijos CSS-gudrybės

Funkcinės programavimo funkcijos CSS-gudrybės

Bibliotekų kūrėjams ir sistemų kūrėjams gali būti naudinga turėti keletą papildomų funkcijų, kad dinamiškai būtų galima taikyti funkcijas sąrašo elementams. Čia “

@extend vyniotuvas dar žinomas kaip Mixtend - CSS-gudrybės

@extend vyniotuvas dar žinomas kaip Mixtend - CSS-gudrybės

Praplečiant selektorių su @extend direktyva, „Sass“ nepaima iš išplėstinio selektoriaus CSS turinio, kad įdėtų jį į išplėstinį. Tai "

Nustatykite skaičių iki N skaitmenų CSS-gudrybės

Nustatykite skaičių iki N skaitmenų CSS-gudrybės

Kai kalbama apie „JavaScript“ ar bet kurią kitą programavimo kalbą, galima sutrumpinti skaičių po n skaitmenų. Deja, nėra

Žemėlapio veikimo palengvinimas - CSS-gudrybės

Žemėlapio veikimo palengvinimas - CSS-gudrybės

Bézier kreivės gali būti naudojamos norint pridėti gražių efektų prie CSS perėjimų ir animacijų. Įvedus visą funkcinę žymėjimą (pvz., Kubinis bezieris (0,550, "

Gilus gavimas / nustatymas Žemėlapiuose - CSS-gudrybės

Gilus gavimas / nustatymas Žemėlapiuose - CSS-gudrybės

Dirbant prie sudėtingų „Sass“ architektūrų, neretai konfigūracijai ir parinktims palaikyti naudojami „Sass“ žemėlapiai. Kartkartėmis pamatysite žemėlapius "

Pasirinktiniai slinkties juostos „Mixin“ CSS-gudrybės

Pasirinktiniai slinkties juostos „Mixin“ CSS-gudrybės

Slinkties juostos yra vienas iš tų vartotojo sąsajos komponentų, esančių beveik kiekviename interneto puslapyje, tačiau mes (kūrėjai) to beveik nekontroliuojame.

CSS trikampis „Mixin“ CSS-gudrybės

CSS trikampis „Mixin“ CSS-gudrybės

Yra gana populiarus CSS nulaužimas, naudojant trikampius imituojančias elemento 0 pločio / 0 aukščio skaidrias kraštines. Čia yra CSS fragmentas „CSS-Tricks“

Mišino centravimas - CSS-gudrybės

Mišino centravimas - CSS-gudrybės

Darant prielaidą, kad pagrindinis elementas turi poziciją: santykinis;; šios keturios savybės sutvarkys vaiko elementą tiek horizontaliai, tiek vertikaliai viduje, nesvarbu "

Teisingai pridedant vienetą prie skaičiaus - CSS-gudrybės

Teisingai pridedant vienetą prie skaičiaus - CSS-gudrybės

Konvertuodami vienetinį skaičių į ilgį, trukmę, kampą ar bet ką, žmonės paprastai tiesiog prideda vienetą kaip eilutę, pavyzdžiui: $ value: 42; "

Skaičio užspaudimas - CSS-gudrybės

Skaičio užspaudimas - CSS-gudrybės

Informatikoje mes naudojame žodį „clamp“ kaip būdą apriboti skaičių tarp dviejų kitų skaičių. Užfiksuotas skaičius arba išlaikys savo vertę "

Dengiantis Mixin CSS-gudrybės

Dengiantis Mixin CSS-gudrybės

Manau, kad šias savybes nuolat naudoju kartu, o tai paprastai yra gera galimybė abstrakcijai, pavyzdžiui, mixin: @mixin coverer ("

BEM mišiniai - CSS-gudrybės

BEM mišiniai - CSS-gudrybės

Geriausias BEM įvadas yra iš Harry Robertso: BEM - reiškiantis bloką, elementą, modifikatorių - yra „front-end“ vardų suteikimo metodika, kurią sugalvojo

„Sass“ dabartinio parinkiklio (&) talpinimas - CSS-gudrybės

„Sass“ dabartinio parinkiklio (&) talpinimas - CSS-gudrybės

& Sass simbolis yra unikalus tuo, kad reprezentuoja dabartinį parinkiklį. Lizdoje jis keičiasi. Tarkime, kad esate įdėtas, bet norite pasiekti „

Juodos ir baltos neskaidrumo funkcijos CSS-gudrybės

Juodos ir baltos neskaidrumo funkcijos CSS-gudrybės

Gana dažnai reikia šiek tiek skaidrios juodos arba baltos spalvos. CSS galite padaryti:. Puse-juoda (fonas: rgba (0, 0, 0, 0,5);) Tai lengviau

Išplėstinė tipo patikra CSS-gudrybės

Išplėstinė tipo patikra CSS-gudrybės

Šis funkcijų rinkinys skirtas testuoti, jei kintamojo vertė yra tam tikro tipo. Pavyzdžiui, ar 13rem yra santykinis ilgis? TIESA! Yra „šerkšnas“

Nuliniai paminkštinti skaičiai CSS-gudrybės

Nuliniai paminkštinti skaičiai CSS-gudrybės

Funkcija getZeroPaddedNumber ($ value, $ padding) (grąžinkite str_pad ($ value, $ padding, "0", STR_PAD_LEFT);) Naudojimo echo getZeroPaddedNumber (123, 4); // išvestys "

Paprastas pašto kodo diapazono testeris CSS-gudrybės

Paprastas pašto kodo diapazono testeris CSS-gudrybės

Šis žemiau pateiktas regexas patikrina pateiktą pašto kodą, jei jis prasideda skaičiais 096 ir ar po jo yra tiksliai 2 skaičiai. Jei taip, tai aidi taip, jei "

URL patvirtinimas - CSS-gudrybės

URL patvirtinimas - CSS-gudrybės

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