Delčki kode 2025, Januar

Funkcije Px do Em - CSS-triki

Funkcije Px do Em - CSS-triki

Pogovarjali smo se o "Zakaj Ems?" tukaj prej. Mozilla Developer Network za tiste, ki so nove vrednote em, odlično razloži ems: ... em je "

Preproste funkcije pomožnika sredstev - CSS-triki

Preproste funkcije pomožnika sredstev - CSS-triki

Ukvarjanje s potmi je vedno nekoliko moteče, priznali boste. Na srečo je s Sassom zelo enostavno imeti čudovit API za upravljanje sredstev in za "

Funkcija moči - CSS-triki

Funkcija moči - CSS-triki

Čeprav je Sass zelo koristen pri računanju, mu matematične pomožne funkcije nekoliko manjkajo. V uradnem skladišču je bila odprta izdaja "

Sass Stvari za povezave - CSS-triki

Sass Stvari za povezave - CSS-triki

Prek Alex King lahko uporabite spremenljivke za izbirnike: $ a-tags: 'a, a: active, a: hover, a: obiskan'; $ a-tags-hover: 'a: aktivno, a: hover'; # ($ a-tags) (barva: "

Funkcija v nasprotni smeri - CSS-triki

Funkcija v nasprotni smeri - CSS-triki

Okvir Sass Compass ponuja priročno funkcijo za doseganje nasprotne smeri položaja, na primer levo, ko podajamo desno kot argument. Ta "

Mixin v lastnosti predpone - CSS-triki

Mixin v lastnosti predpone - CSS-triki

Če vas zanima, kako ravnati s svojo predpono prodajalca CSS (in ne, recimo, Autoprefixer ali Compass), je pri tem v pomoč kombinacija. Precej"

Mixin za kvalifikacijo izbirnika - CSS-triki

Mixin za kvalifikacijo izbirnika - CSS-triki

Ni enostavno določiti izbirnika znotraj pripadajočega nabora pravil. S kvalifikacijo mislim na dodajanje imena elementa (npr. A) v razred "

Vzdrževanje razmerja stranic Mixin - CSS-triki

Vzdrževanje razmerja stranic Mixin - CSS-triki

V tem članku iz julija 2013 je opisana metoda uporabe elementov psuedo za ohranjanje razmerja stranic elementov, tudi ko le-ta meri. Tu je mešanica Sass, ki "

Mešanice materialnih senc - CSS-triki

Mešanice materialnih senc - CSS-triki

Material Design je v zadnjem času vsepovsod. En del je sestavljen iz slojev, ki se zlagajo drug na drugega, kot so pravi papirni listi. Doseči"

Mixin za offset pozicioniranje - CSS-triki

Mixin za offset pozicioniranje - CSS-triki

Če obstaja en stenografski CSS, ki močno zgreši, je to tisti, ki omogoča določitev lastnosti položaja in štiri lastnosti odmika "

Mixin za upravljanje mejnih vrednosti - CSS-triki

Mixin za upravljanje mejnih vrednosti - CSS-triki

Odzivne kreacije spletnega oblikovanja pogosto obstajajo na več različnih mejnih točkah. Upravljanje teh mejnih vrednosti ni vedno enostavno. Njihova uporaba in posodabljanje "

Funkcija barvne svetilnosti - CSS-triki

Funkcija barvne svetilnosti - CSS-triki

Ko globoko kopljemo v barvno teorijo, obstaja nekaj, kar imenujemo relativna barvna svetilnost. Preprosto povedano, svetilnost barve določa, ali je "

Funkcije programskega programiranja - CSS-triki

Funkcije programskega programiranja - CSS-triki

Izdelovalcem knjižnic in izdelovalcem ogrodja bi lahko prišlo v poštev nekaj dodatnih funkcij za dinamično uporabo funkcij na elementih s seznama. Tukaj "

@extend Wrapper aka Mixtend - CSS-triki

@extend Wrapper aka Mixtend - CSS-triki

Ko razširja izbirnik z direktivo @extend, Sass ne vzame vsebine CSS iz razširjenega izbirnika, da bi ga postavil v razširjenega. To "

Pritrdite številko na N števk - CSS-triki

Pritrdite številko na N števk - CSS-triki

Ko se ukvarjate s številkami v JavaScript ali katerem koli drugem programskem jeziku, lahko številko skrajšate po n števk. Na žalost ni

Olajšanje zemljevida Get Function - CSS-triki

Olajšanje zemljevida Get Function - CSS-triki

Bézierjeve krivulje lahko uporabimo za dodajanje čudovitih učinkov prehodom CSS in animacijam. Vtipkavanje celotnega funkcionalnega zapisa (npr. Cubic-bezier (0,550, "

Deep Get / Set v Zemljevidih CSS-triki

Deep Get / Set v Zemljevidih CSS-triki

Pri delu na zapletenih arhitekturah Sass ni redko uporabiti zemljevidov Sass za vzdrževanje konfiguracije in možnosti. Občasno boste videli zemljevide "

Drsni trakovi po meri Mixin - CSS-triki

Drsni trakovi po meri Mixin - CSS-triki

Drsni trakovi so ena od tistih komponent uporabniškega vmesnika, ki so prisotne na skoraj vseh straneh interneta, vendar mi (razvijalci) nad njimi skorajda ne nadzorujemo. "

Mešanica trikotnika CSS - CSS-triki

Mešanica trikotnika CSS - CSS-triki

Obstaja dokaj priljubljen kramp CSS, ki uporablja prosojne obrobe na elementu 0-width / 0-height za posnemanje trikotnikov. Na strani CSS-Tricks je tukaj delček CSS "

Centriranje Mixin - CSS-triki

Centriranje Mixin - CSS-triki

Ob predpostavki, da ima nadrejeni element položaj: relative ;, bodo te štiri lastnosti podrejeni element centrirale vodoravno in navpično znotraj, ne glede na "

Pravilno dodajanje enote številki - CSS-triki

Pravilno dodajanje enote številki - CSS-triki

Pri pretvorbi številke brez enote v dolžino, trajanje, kot ali kar koli drugega ljudje enoto preprosto dodajo kot niz, na primer: $ value: 42; "

Vpenjanje številke - CSS-triki

Vpenjanje številke - CSS-triki

V računalništvu besedo clamp uporabljamo kot način za omejitev števila med dvema drugima številkama. Ko je število vpeto, bo bodisi ohranilo svojo vrednost "

Zajema Mixin - CSS-triki

Zajema Mixin - CSS-triki

Ves čas uporabljam te lastnosti skupaj, kar je običajno dobra priložnost za abstrakcijo, kot je mixin: @mixin coverer ("

BEM mešanice - CSS-triki

BEM mešanice - CSS-triki

Najboljši uvod v BEM je Harry Roberts: BEM - kar pomeni blok, element, modifikator - je front-end metodologija poimenovanja, ki so si jo zamislili fantje iz "

Predpomnjenje trenutnega izbirnika (&) v Sass - CSS-triki

Predpomnjenje trenutnega izbirnika (&) v Sass - CSS-triki

Znak & v Sass je edinstven po tem, da predstavlja trenutni izbirnik. Spreminja se, ko gnezdiš. Recimo, da ste ugnezdeni, vendar želite dostop do "

Funkcije črno-bele neprosojnosti - CSS-triki

Funkcije črno-bele neprosojnosti - CSS-triki

Precej pogosto potrebujemo malo prozorne črne ali bele barve. V CSS lahko naredite: .half-black (background: rgba (0, 0, 0, 0.5);) V "

Napredno preverjanje tipa - CSS-triki

Napredno preverjanje tipa - CSS-triki

Ta zbirka funkcij je namenjena preizkušanju, če je vrednost spremenljivke določene vrste. Na primer, ali je 13rem relativna dolžina? PRAV! Je "zmrznjeno"

Nič podložene številke - CSS-triki

Nič podložene številke - CSS-triki

Funkcija getZeroPaddedNumber ($ value, $ padding) (vrne str_pad ($ value, $ padding, "0", STR_PAD_LEFT);) Odmev uporabe getZeroPaddedNumber (123, 4); // izhodi "

Preprost preizkuševalnik obsega poštnih številk - CSS-triki

Preprost preizkuševalnik obsega poštnih številk - CSS-triki

Ta regularni izraz spodaj preizkuša priloženo poštno številko, če se začne s številkami 096 in če sta za njo točno 2 številki. Če se, odzvanja Da, če "

Preverjanje URL-ja - CSS-triki

Preverjanje URL-ja - CSS-triki

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