Isječci koda 2025, Veljača

Px do Em funkcije - CSS-trikovi

Px do Em funkcije - CSS-trikovi

Razgovarali smo o "Zašto Ems?" ovdje prije. Za one nove u em vrijednostima, Mozilla Developer Network izvrsno objašnjava ems: ... em je "

Jednostavne funkcije pomoćnika imovine - CSS-trikovi

Jednostavne funkcije pomoćnika imovine - CSS-trikovi

Suočavanje s stazama uvijek je pomalo dosadno, priznat ćete. Srećom, sa Sassom je izuzetno lako imati prekrasan API za upravljanje imovinom i za "

Funkcija napajanja - CSS-trikovi

Funkcija napajanja - CSS-trikovi

Iako je vrlo koristan u računanju, Sass pomalo nedostaje s matematičkim pomoćnim funkcijama. Otvoreno je pitanje u službenom spremištu za "

Sass stvari za linkove - CSS-trikovi

Sass stvari za linkove - CSS-trikovi

Putem Alex Kinga možete koristiti varijable za selektore: $ a-tags: 'a, a: active, a: hover, a: posjetio'; $ a-tags-hover: 'a: aktivno, a: hover'; # ($ a-tags) (boja: "

Funkcija suprotnog smjera - CSS-trikovi

Funkcija suprotnog smjera - CSS-trikovi

Sassov okvir Compass pruža praktičnu funkciju za dobivanje suprotnog smjera položaja, na primjer lijevo kada se prolazi desno kao argument. Ovaj"

Mixin u svojstva prefiksa - CSS-trikovi

Mixin u svojstva prefiksa - CSS-trikovi

U slučaju da vas zanima rukovanje vlastitim CSS prefiksom dobavljača (umjesto, recimo, Autoprefixer ili Compass), evo kombinacije koja će vam pomoći u tome. Dapače "

Mixin za kvalificiranje selektora - CSS-trikovi

Mixin za kvalificiranje selektora - CSS-trikovi

Ne postoji jednostavan način kvalificiranja izbornika unutar povezanog skupa pravila. Pod kvalifikacijom mislim na dodavanje imena elementa (npr. A) u klasu "

Održavaj omjer slike Mixin - CSS-trikovi

Održavaj omjer slike Mixin - CSS-trikovi

Ovaj članak iz srpnja 2013. opisuje metodu upotrebe psuedo elemenata za održavanje omjera elemenata, čak i dok se skalira. Evo kombinacije Sass-a koja "

Materijalne sjene Mixin - CSS-trikovi

Materijalne sjene Mixin - CSS-trikovi

Materijalni dizajn je u posljednje vrijeme posvuda. Jedan dio sastoji se od slojeva za slaganje jedan na drugi poput pravih listova papira. Postići"

Mixin za offset pozicioniranje - CSS-trikovi

Mixin za offset pozicioniranje - CSS-trikovi

Ako postoji jedan stenografski CSS koji dramatično promašuje, to je onaj koji omogućuje definiranje svojstva položaja, kao i četiri odmaknuta svojstva "

Mixin za upravljanje prelaznim točkama - CSS-trikovi

Mixin za upravljanje prelaznim točkama - CSS-trikovi

Kreativne kreacije web dizajna često postoje na nekoliko različitih točaka prijeloma. Upravljanje tim prijelaznim točkama nije uvijek lako. Njihova upotreba i ažuriranje "

Funkcija osvjetljenja boje - CSS-trikovi

Funkcija osvjetljenja boje - CSS-trikovi

Kada se duboko kopa po teoriji boja, postoji nešto što se naziva relativna osvjetljenost boje. Pojednostavljeno rečeno, sjaj boje definira hoće li njezin "

Funkcije funkcionalnog programiranja - CSS-trikovi

Funkcije funkcionalnog programiranja - CSS-trikovi

Izrađivačima knjižnica i graditeljima okvira moglo bi dobro doći nekoliko dodatnih funkcija za dinamičko primjenjivanje funkcija na stavke popisa. Ovdje"

@extend Wrapper aka Mixtend - CSS-trikovi

@extend Wrapper aka Mixtend - CSS-trikovi

Kada proširuje selektor s direktivom @extend, Sass ne uzima CSS sadržaj iz proširenog selektora da bi ga stavio u onaj koji se proširuje. To"

Popravite broj na N znamenki - CSS-trikovi

Popravite broj na N znamenki - CSS-trikovi

Kada se radi s brojevima u JavaScript-u ili bilo kojem drugom programskom jeziku, postoji način za skraćivanje broja nakon n znamenki. Nažalost, ne postoji "

Lakša karta Dobiti funkciju - CSS-trikovi

Lakša karta Dobiti funkciju - CSS-trikovi

Bézierove krivulje mogu se koristiti za dodavanje lijepih efekata CSS prijelazima i animacijama. Upisivanje pune funkcionalne oznake (npr. Cubic-bezier (0.550, "

Deep Get / Set u Mapama CSS-trikovi

Deep Get / Set u Mapama CSS-trikovi

Kada radite na složenim Sassovim arhitekturama, nije rijetkost koristiti Sassove mape za održavanje konfiguracije i opcija. S vremena na vrijeme vidjet ćete karte "

Prilagođene klizače Mixin - CSS-trikovi

Prilagođene klizače Mixin - CSS-trikovi

Klizači su jedna od onih komponenata korisničkog sučelja koje su prisutne na gotovo svakoj stranici interneta, no mi (programeri) imamo malo ili nimalo kontrole nad njom. "

CSS trokut Mixin - CSS-trikovi

CSS trokut Mixin - CSS-trikovi

Postoji prilično popularan CSS hack koji koristi prozirne obrube na elementu 0-width / 0-height za oponašanje trokuta. Ovdje se nalazi CSS isječak na CSS-trikovima "

Centriranje Mixina - CSS-trikovi

Centriranje Mixina - CSS-trikovi

Pod pretpostavkom da nadređeni element ima položaj: relative ;, ova četiri svojstva usredotočit će podređeni element i vodoravno i okomito unutra, bez obzira "

Ispravno dodavanje jedinice na broj - CSS-trikovi

Ispravno dodavanje jedinice na broj - CSS-trikovi

Pri pretvaranju broja bez jedinice u duljinu, trajanje, kut ili bilo što drugo, ljudi obično dodaju jedinicu kao niz, poput ovog: $ value: 42; "

Stezanje broja - CSS-trikovi

Stezanje broja - CSS-trikovi

U računalnoj znanosti koristimo riječ stezaljka kao način za ograničavanje broja između dva druga broja. Kada je stegnut, broj će zadržati vlastitu vrijednost "

Pokriva Mixin - CSS-trikovi

Pokriva Mixin - CSS-trikovi

Otkrivam kako se stalno koristim zajedno s tim svojstvima, što je obično dobra prilika za apstrakciju poput mixina: @mixin coverer ("

BEM Mixini - CSS-trikovi

BEM Mixini - CSS-trikovi

Najbolji uvod u BEM je Harry Roberts: BEM - što znači blok, element, modifikator - je front-end metodologija imenovanja koju su smislili momci iz "

Keširanje trenutnog selektora (&) u Sass - CSS-trikovi

Keširanje trenutnog selektora (&) u Sass - CSS-trikovi

Znak & u Sassu jedinstven je po tome što predstavlja trenutni selektor. Mijenja se dok se gnijezdiš. Recimo da ste ugniježđeni, ali želite pristup "

Funkcije neprozirnosti crno-bijelih - CSS-trikovi

Funkcije neprozirnosti crno-bijelih - CSS-trikovi

Prilično je često potrebno malo prozirne crne ili bijele boje. U CSS-u možete učiniti: .half-black (background: rgba (0, 0, 0, 0.5);) To postaje lakše u "

Napredno provjeravanje tipa - CSS-trikovi

Napredno provjeravanje tipa - CSS-trikovi

Ova zbirka funkcija namijenjena je testiranju ako je vrijednost varijable određenog tipa. Na primjer, je li 13rem relativna duljina? PRAVI! Je li "smrznuto"

Nula podstavljenih brojeva - CSS-trikovi

Nula podstavljenih brojeva - CSS-trikovi

Funkcija getZeroPaddedNumber ($ value, $ padding) (return str_pad ($ value, $ padding, "0", STR_PAD_LEFT);) Odjek upotrebe getZeroPaddedNumber (123, 4); // izlazi "

Jednostavni ispitivač dometa poštanskih brojeva - CSS-trikovi

Jednostavni ispitivač dometa poštanskih brojeva - CSS-trikovi

Ovaj donji regularni izraz testira dostavljeni poštanski broj ako započinje brojevima 096 i ako nakon njega postoje točno 2 broja. Ako se dogodi, odjekuje Da, ako "

Provjera URL-a - CSS-trikovi

Provjera URL-a - CSS-trikovi

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