Kódrészletek 2025, Január

Beszéltünk a "Miért Ems?" itt korábban. Az új értékekért a Mozilla Developer Network kiváló munkát végez, hogy elmagyarázza az emket: ... egy em "

Az ösvényekkel való foglalkozás mindig kissé bosszantó, beismeri. Szerencsére a Sass-szal rendkívül egyszerű egy gyönyörű API-val rendelkezni az eszközök kezelésére és "

Bár nagyon hasznos a számtanban, Sass kissé elmarad a matematikai segítő funkcióktól. A hivatalos adattárban nyitott kérdés volt a "

Alex Kingen keresztül változókat használhat a szelektorokhoz: $ a-tags: 'a, a: active, a: lebeg, a: látogatott'; $ a-tags-hover: 'a: aktív, a: lebeg'; # ($ a-tags) (szín: "

A Sass framework Compass praktikus funkcióval kapja meg a pozíció ellentétes irányát, például balra, amikor argumentumként jobbra halad. Ez"

Abban az esetben, ha érdekelne saját CSS-szolgáltató előtagjának kezelése (pl. Az Autoprefixer vagy az Iránytű helyett), akkor itt egy mix segít. Inkább"

Nincs egyszerű módja annak, hogy a kiválasztót a hozzá tartozó szabályhalmazból minősítsük. Minősítés alatt azt értem, hogy egy elem nevét (pl. A) előkészítjük egy osztályhoz "

Ez a 2013. júliusi cikk leírja a psuedo elemek használatának módszerét az elemek méretarányának fenntartására, még akkor is, ha méretez. Itt van egy Sass-mix, amely "

Az anyagtervezés az utóbbi időben mindenhol megtalálható. Ennek egyik része rétegek egymásra rakása, mint a valódi papírlapok. Elérni"

Ha van egy rövidítés, akkor a CSS drámai módon hiányzik, ez teszi lehetővé a pozíció tulajdonságának, valamint a négy eltolás tulajdonságának a meghatározását "

Az adaptív webdesign-alkotások gyakran több különböző törésponton is léteznek. Ezeknek a töréspontoknak a kezelése nem mindig egyszerű. Használatuk és frissítésük "

A színelmélet mélyre ásásakor van valami, amit relatív színvilágosságnak nevezünk. Leegyszerűsítve: egy szín fényereje meghatározza, hogy

A könyvtárgyártók és a keretrendszer-készítők számára hasznos lehet, ha van néhány extra funkció a függvények dinamikus alkalmazásához a lista tételein. Itt"

Amikor egy választót kibővít az @extend irányelvvel, a Sass nem veszi ki a kiterjesztett választóból a CSS-tartalmat, hogy azt a kiterjesztőbe helyezze. Azt"

Ha a számokat JavaScript-ben vagy bármely más programozási nyelven kezeljük, akkor egy számot n számjegy után lehet csonkolni. Sajnos, nincs"

A Bézier görbékkel gyönyörű effektusok adhatók a CSS átmenetekhez és animációkhoz. A teljes funkcionális jelölés beírása (pl. Köbös-bezier (0,550, "

Bonyolult Sass architektúrákon végzett munkák során nem ritka, hogy a konfiguráció és az opciók fenntartásához Sass térképeket használnak. Időről időre térképeket fog látni "

A gördítősávok egyike azoknak a kezelőfelület-összetevőknek, amelyek az internet szinte minden oldalán megtalálhatók, ennek ellenére mi (fejlesztők) alig vagy egyáltalán nem tudjuk ellenőrizni. "

Van egy meglehetősen népszerű CSS-hack, amely átlátszó szegélyeket használ egy 0-széles / 0-magasságú elemen a háromszögek utánzásához. Van itt egy CSS-részlet a CSS-trükkökön "

Feltételezve, hogy a szülő elem pozíciója: relatív;; ez a négy tulajdonság a gyermek elemet vízszintesen és függőlegesen is középre állítja, belül "

Ha az egység nélküli számot hosszúságra, időtartamra, szögre vagy bármi másra konvertálják, az emberek hajlamosak egyszerűen az egységet stringként fűzni, például: $ value: 42; "

A számítástechnikában a bilincs szót használjuk arra, hogy korlátozzunk egy számot két másik szám között. Ha be van szorítva, egy szám vagy megtartja a saját értékét "

Rájövök, hogy ezeket a tulajdonságokat folyamatosan együtt használom, ami általában jó alkalom egy olyan absztrakcióra, mint egy mixin: @mixin coverer ("

A BEM legjobb bevezetője Harry Roberts-től származik: A BEM - jelentése blokk, elem, módosító - egy front-end elnevezési módszertan, amelyet a "

A & karakter a Sass-ban egyedülálló, mivel képviseli az aktuális választót. Fészkelés közben változik. Tegyük fel, hogy be van ágyazva, de hozzáférést szeretne egy "

Nagyon gyakori, hogy egy kicsit átlátszó fekete vagy fehérre van szükség. A CSS-ben a következőket teheti: .fél-fekete (háttér: rgba (0, 0, 0, 0,5);) Könnyebb a "

Ez a függvénygyűjtemény tesztelésre szolgál, ha egy változó értéke bizonyos típusú. Például a 13rem relatív hosszúságú? IGAZ! "Fagyos"

Függvény getZeroPaddedNumber ($ value, $ padding) (return str_pad ($ value, $ padding, "0", STR_PAD_LEFT);) Használat echo getZeroPaddedNumber (123, 4); // outputok "

Ez az alábbi regex teszteli a megadott irányítószámot, ha a 096-os számokkal kezdődik, és hogy pontosan 2 szám van-e utána. Ha mégis, akkor visszhangzik Igen, ha "

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