Koodinpätkät 2025, Heinäkuu
Olemme puhuneet "Miksi Ems?" täällä ennen. Niille uusille em-arvoille, Mozilla Developer Network tekee erinomaisen työn selittää heille: ... em on "
Polkujen käsittely on aina hieman ärsyttävää, myönnät. Onneksi Sassin kanssa on erittäin helppoa saada kaunis sovellusliittymä omaisuuden hallintaan ja "
Vaikka Sass on erittäin hyödyllinen aritmeettisessa käytössä, matemaattisten auttajatoimintojen kanssa se jää hieman alle. Virallisessa arkistossa on ollut avoin kysymys "
Alex Kingin kautta voit käyttää muuttujia valitsimille: $ a-tags: 'a, a: aktiivinen, a: hover, a: käynyt'; $ a-tags-hover: 'a: aktiivinen, a: hover'; # ($ a-tags) (väri: "
Sass-kehyskompassi tarjoaa kätevän toiminnon saadakseen sijainnin vastakkaisen suunnan, esimerkiksi vasemmalle, kun kulkee oikealla argumenttina. Tämä"
Jos olet kiinnostunut käsittelemään omia CSS-toimittajan etuliitteitä (pikemminkin kuin esimerkiksi Autoprefixer tai Compass), tässä on sekoitus, joka auttaa tässä. Pikemminkin "
Ei ole helppoa tapaa luokitella valitsinta siihen liittyvästä sääntöjoukosta. Karsinnalla tarkoitan elementin nimen (esim. A) valmistamista luokalle "
Tässä heinäkuusta 2013 peräisin olevassa artikkelissa kuvataan menetelmä psuedo-elementtien käyttämiseksi elementtien kuvasuhteen ylläpitämiseksi, vaikka se skaalautuu. Tässä on Sass-sekoitus, joka "
Materiaalisuunnittelu on ollut viime aikoina kaikkialla. Yksi osa koostuu kerrosten pinoamisesta päällekkäin kuten todelliset paperiarkit. Saavuttaa"
Jos on olemassa yksi lyhytmerkintä, CSS ohittaa dramaattisesti, se antaa mahdollisuuden määritellä sijainnin ominaisuus sekä neljä offset-ominaisuutta "
Reagoivia web-suunnittelun luomuksia esiintyy usein useilla eri rajapisteillä. Näiden katkaisupisteiden hallinta ei ole aina helppoa. Niiden käyttö ja päivittäminen "
Kun kaivetaan syvälle väriteoriaan, on jotain, jota kutsutaan suhteelliseksi väriluminanssiksi. Yksinkertaisesti sanottuna värin kirkkaus määrittää, onko sen "
Kirjastojen valmistajille ja kehysrakentajille saattaa olla hyödyllistä ottaa käyttöön muutama lisätoiminto, jotta sovelluksia voidaan dynaamisesti käyttää luettelon kohteisiin. Tässä"
Kun laajennat valitsinta @extend-direktiivillä, Sass ei ota CSS-sisältöä laajennetusta valitsimesta laittaakseen sen laajentimeen. Se"
Kun käsitellään numeroita JavaScriptissä tai millä tahansa muulla ohjelmointikielellä, on tapa katkaista luku n numeron jälkeen. Valitettavasti ei ole olemassa"
Bézier-käyrillä voidaan lisätä kauniita tehosteita CSS-siirtymiin ja animaatioihin. Täydellisen toiminnallisen merkinnän kirjoittaminen (esim. Kuutio-bezier (0,550, "
Kun työskentelet monimutkaisissa Sass-arkkitehtuureissa, ei ole harvinaista käyttää Sass-karttoja kokoonpanon ja vaihtoehtojen ylläpitämiseksi. Ajoittain näet karttoja "
Vierityspalkit ovat yksi niistä käyttöliittymäkomponenteista, joita on melkein kaikilla Internet-sivuilla, mutta meillä (kehittäjillä) on vain vähän tai ei lainkaan valvoa sitä. "
On melko suosittu CSS-hakkerointi, joka käyttää läpinäkyviä reunoja 0-leveys / 0-korkeus-elementissä kolmioiden jäljittelemiseksi. CSS-temppuissa on CSS-katkelma "
Olettaen, että ylätason elementillä on sijainti: suhteellinen ;, nämä neljä ominaisuutta keskittävät lapsielementin sekä vaaka- että pystysuunnassa sisältä riippumatta
Muunnettaessa yksikön mukainen numero pituudeksi, kestoksi, kulmaksi tai muuksi, ihmiset yleensä yksinkertaisesti liittävät yksikön merkkijonona, kuten tämä: $ value: 42; "
Tietojenkäsittelytieteessä käytämme sanaa clamp keinona rajoittaa lukua kahden muun numeron välillä. Kiinnitettynä numero joko pitää oman arvonsa "
Huomaan käyttäväni näitä ominaisuuksia yhdessä koko ajan, mikä on tyypillisesti hyvä tilaisuus abstraktiolle, kuten mixin: @mixin coverer ("
Paras johdatus BEM: ään on kirjoittanut Harry Roberts: BEM - tarkoittaa lohkoa, elementtiä, muokkaajaa - on etupään nimeämismenetelmä, jonka kaverit keksivät "
Sassin & merkki on ainutlaatuinen, koska se edustaa nykyistä valitsinta. Se muuttuu pesittäessäsi. Oletetaan, että olet sisäkkäin, mutta haluat käyttää
On melko yleistä, että tarvitset vähän läpinäkyvää mustaa tai valkoista. CSS: ssä voit tehdä: .half-black (tausta: rgba (0, 0, 0, 0.5);) Se helpottuu "
Tämä funktiokokoelma on tarkoitettu testaukseen, jos muuttujan arvo on tietyntyyppinen. Onko esimerkiksi 13rem suhteellinen pituus? TOTTA! On "huurteinen"
Function getZeroPaddedNumber ($ value, $ padding) (return str_pad ($ value, $ padding, "0", STR_PAD_LEFT);) Käyttökaiku getZeroPaddedNumber (123, 4); // tuotokset "
Tämä alla oleva regex testaa toimitettua postinumero, jos se alkaa numeroilla 096 ja että sen jälkeen on täsmälleen 2 numeroa. Jos se tapahtuu, se toistaa Kyllä, jos "
$ url = 'http://esimerkki.fi'; $ validation = filter_var ($ url, FILTER_VALIDATE_URL, FILTER_FLAG_HOST_REQUIRED); if ($ validation) $ output = 'oikea URL'; "