Käyttöliittymäkehittäjinä olemme vuosien varrella toivoneet monia asioita – tapoja keskittää asiat CSS:ään, kapseloida tyylejä, asettaa elementin kuvasuhteita, saada tarkempaa hallintaa väreissämme, valita elementti sen perusteella. lasten ominaisuuksia, hallita erityistasoja, antaa elementtien reagoida vanhempiensa leveyteen… luettelo jatkuu ja jatkuu.
Ja nyt kun saimme kaiken mitä toivoimme ja enemmänkin, jotkut meistä kysyvät – onko meillä nyt liian paljon CSS?
Pimeät ajat
Jos sinä, kuten minä, keksit verkkokehityksen CSS:n lapsenkengissä, ajatus siitä, että sitä olisi liikaa, tuntuu naurettavalta.
Aikoinaan lähes koko käyttöliittymäkehittäjän työnkuva koostui CSS:n rajoitusten käsittelemisestä. The clearfix hakkerointi tyhjentää kellukkeet, 100% pehmustehakkerointi nelikulmaisten div-merkkien tekemiseen, puhumattakaan puolisatunnaisesta liittämättömien ominaisuuksien käyttämisestä Internet Explorerin huijaamiseksi tekemään hintatarjouksesi.
Tuolloin selain oli kavala vihollinen, joka voitettiin pelkällä ovelilla ja salaperäisillä loitsuilla. Tänään täydellinen kiinteistö odottaa ja vain copy-paste päässä MDN:stä.
CSS:n uusi aikakausi
Mutta nykyään asiat ovat hyvin erilaisia: asiat eivät vain etene paljon nopeammin, vaan myös selaintoimittajat oikeasti välittää kehittäjien ilahduttamisesta! Tiedän, minäkään en voinut uskoa sitä. Mutta juoksen vuosittain CSS:n tila kehittäjäkysely (joka on avaa nyt muuten - mene ja ota se!) ja tiedän varmaksi, että selaimen kehitystiimit käyttävät kyselyn tuloksia (monien muiden tietopisteiden ohella) etenemissuunnitelmansa laatimiseen.
Tämän lisäksi Google on myös auttanut rahoittamaan työni kyselyssä ja jopa palkannut Lea Verou ottaa johdon tämän vuoden kyselyyn liittyvien kysymysten valinnassa.
Se ei ole vain Google. On tullut muotia lyödä Safaria ja Applea yleensä (joskus ansaitusti), mutta et voi kiistää kuinka intohimoinen joku pitää Jen Simmons on kehittäjien kuuntelemista ja verkon parantamista.
Eikä vain selaintoimittajat parantavat CSS:ää yksinään; he jopa tekevät yhteistyötä taistelulinjojen yli aloitteiden, kuten Yhteistyö 2023 auttaa vähentämään selainten välisiä epäjohdonmukaisuuksia ja yhteensopimattomuutta.
Liian paljon hyvää?
Kaiken tämän seurauksena kohtaamme nyt CSS-rikkauksien hämmennyksen, ja sitä voi olla vaikea saada kiinni. CSS-ruudukko aloitettiin tuettu suurimmissa selaimissa lähes viisi vuotta sitten, mutta silti tarkistan viitteen aina, kun käytän sitä. Ja niin siistiä kuin osaverkko näyttää siltä, että en ole vielä edes kokeillut sitä.
Valintaprosessin aikana mitkä CSS-ominaisuudet sisällytetään CSS:n tilaan, Lea ja minä harkitsimme monia ominaisuuksia, mutta hylkäsimme myös muutaman. Joitakin esimerkkejä ominaisuudesta me ei sisältävät ovat:
- -
linear()helpotustoiminto, jonka avulla voit määrittää helpotuskäyrät tarkemmin. - -
env()toiminto, jonka avulla voit käyttää selaimen tai laitteen määrittämiä muuttujia. - -
scrollbar-widthominaisuus, joka auttaa hallitsemaan vierityspalkin ulkoasua. - -
margin-trimominaisuus, jonka avulla voit hallita, miten säilön alareunat käyttäytyvät.
Nämä kaikki ovat mahdollisesti erittäin hyödyllisiä, ja ne olisivat kaikki olleet suuria uutisia viime vuosien CSS-kuivuuden aikana. Mutta tämän päivän kontekstissa heidän on taisteltava huomiosta paljon laajemmilla ilmoituksilla, kuten has()-valitsimella tai CSS-sisäytymisellä!
Ei innostunut
Silvestar Bistrovićina kirjoittaa, hän "ei ole niin innoissaan kaikista näistä uusista CSS-ominaisuuksista". Tämä löysi kaiun Twitterissä, kanssa Sara Soueidan toteaa, että hän välittää "käytännöllisyydestä, ei siitä, kuinka kiiltävä ominaisuus näyttää tällä hetkellä".
Tämä voi tuntua negatiiviselta asenteelta, mutta mielestäni se on ymmärrettävää. Kenenkään ei voida odottaa pysyvän niin monien uusien ominaisuuksien mukana!
Toinen tahaton (tai ehkä tarkoitettu?) seuraus on, että mitä monimutkaisemmaksi CSS tulee, sitä enemmän se nostaa rimaa jokaiselle uudelle yritykselle, joka haluaa kehittää selainmoottorin – puhumattakaan lisätyistä työkuormista, kun on kyse kaiken ylläpidosta ja dokumentoinnista. näitä uusia ominaisuuksia.
CSS-ylitys
On myös erittäin perusteltua huolta siitä, että CSS saattaa haarautua alueille, joita se ei oikein sovellu käsittelemään. Se on toinen asia, jonka Sara Soueidan huomautti reagoidessaan uuteen CSS Toggles -kokeelliseen toteutukseen (tässä on lippu, jossa keskustellaan siitä):
Monet ovat tehneet erittäin järkevän huomautuksen, että tällainen käyttäytyminen olisi parasta käsitellä uudella HTML-elementillä sen sijaan, että vaihtotilaa hallittaisiin puhtaasti CSS:n kautta, ja että CSS ei ehkä ole paras tapa varmistaa, että saavutettavuusongelmia käsitellään oikein.
Kun CSS ottaa haltuunsa jotain, jota aiemmin käsiteltiin JavaScriptin kautta, sitä pidetään yleensä hyvänä asiana, koska se usein vähentää selaimen lataaman koodin määrää. Olen siis varovaisen optimistinen CSS-kytkimien suhteen ja luotan siihen, että CSS-työryhmä käsittelee asianmukaisesti yhteisön huolenaiheita. Mutta saattaa vielä tulla päivä, jolloin alamme olla huolissamme siitä, että CSS saattaa laajentua rajojen ulkopuolelle ja loukata HTML- ja JavaScript-vastuita.
Uudet odotukset
Ja ehkä tämän on muututtava: ehkä meidän pitäisi luopua odotuksista, jotka CSS-kehittäjien on tiedettävä kaikki CSS:stä?
Tämä odotus juontaa juurensa päivistä, jolloin CSS oli jälki-ajatus, se pieni ärsyttävä syntaksi, joka sinun piti opetella tekemään painikkeestasi sininen ja lihavoitu, kuten asiakas pyysi. Mutta mielestäni meidän on hyväksyttävä se, että nykypäivän CSS saattaa olla aivan liian laaja yksittäisen henkilön hallitsevaksi, etenkin muiden etupään tehtävien lisäksi.
As Michelle Barker laittaa sen:
Ja sinne minä itse päädyn lopulta. Olen tehnyt rauhan sen kanssa, että en luultavasti koskaan käytä – tai edes tiedä – kaikkia mahdollisia CSS-ominaisuuksia. Ja tämä tulee joltakulta, joka suorittaa CSS-kyselyn!
Mutta näistä uusista ominaisuuksista on varmasti hyötyä joku. Joku kirjoittaa niistä blogikirjoituksia, luo heidän kanssaan hienoja CodePens-kyniä ja pitää niistä puheita. Siitä henkilöstä tulee siisti, nuori, energinen kehittäjä, jolla on vielä kaikki hiuksensa. Toisin sanoen se en ole minä – ja se on hyvä.
Ja ehkä olet huolissasi siitä, että tämä uusi kehittäjä hukkuu kaikkiin asioihin, jotka heidän on opittava kerralla. Mutta pidä mielessä kaikki ne asiat eivät täytyy oppia juuri siksi, että se on korvattu näillä uudemmilla vaihtoehdoilla. Tiedän, että tekisin sopimuksen milloin tahansa.
Mutta ajattele sitä: parin viime vuoden aikana laitteiden, joita tarvitsemme palvelemaan, määrä on lisääntynyt valtavasti, olemme myös alkaneet ymmärtää, että me kaikki kulutamme verkkoa hieman eri tavoilla. vammaisiin, nykyiseen tilanteeseen tai vain henkilökohtaisiin mieltymyksiin. Eikö CSS:n pitäisi mukautua tähän uuteen todellisuuteen?
Nyt minun on myönnettävä, että tämä kaikki on saanut minut tuntemaan hieman nostalgista oloa… joten anteeksi, kun lähden raivaamaan pari kelluketta, vain vanhan ajan vuoksi.
Kuten mainitsin, vuosittain CSS-tilan kysely on nyt auki. Riippumatta siitä, onko CSS:ää mielestäsi liikaa tai ei, kysely on loistava tapa kertoa selaimen kehittäjille, miltä sinusta tuntuu. mene täyttämään jos sinulla on 10 minuuttia.
