Kas praegu on liiga palju CSS-i? PlatoBlockchaini andmete luure. Vertikaalne otsing. Ai.

Kas praegu on liiga palju CSS-i?

Esiotsa arendajatena oleme aastate jooksul soovinud palju asju – viise asjade CSS-i keskndamiseks, stiilide kapseldamiseks, elemendi kuvasuhte määramiseks, värvide täpsema kontrolli saamiseks, elemendi valimiseks selle põhjal. laste omadusi, hallata spetsiifilisuse kihte, lubada elementidel reageerida nende vanemate laiusele… loetelu jätkub ja jätkub.

Ja nüüd, kui saime kõik, mida soovisime, ja rohkemgi veel, küsivad mõned meist – kas meil nüüd on liiga palju CSS?

Pimedad ajad

Kui teie, nagu mina, tulite veebiarendusse CSS-i lapsekingades, tundub mõte, et seda liiga palju on, naeruväärne.

Varem koosnes peaaegu kogu esiotsa arendaja ametijuhend CSS-i piirangutega tegelemisest. The clearfix häkkimine ujukite puhastamiseks, 100% polsterdus ruudukujuliste osade loomiseks, rääkimata mitteseotud atribuutide pooljuhuslikust rakendamisest, et meelitada Internet Explorerit teie pakkumisi tegema.

Sel ajal oli brauser kaval vaenlane, keda võideti puhta kavaluse ja salapäraste loitsudega. Täna ootab täiuslik vara MDN-is ja see on vaid kopeerimise ja kleepimise kaugusel.

CSS-i uus ajastu

Kuid tänapäeval on asjad oluliselt erinevad: mitte ainult asjad ei liigu palju kiiremini, vaid ka brauserimüüjad tegelikult hoolivad arendajate rõõmustamise kohta! Ma tean, ma ei suutnud seda ka uskuda. Aga ma jooksen igal aastal CSS-i olek arendajate küsitlus (mis on avage nüüd muide – mine võta!) ja ma tean kindlalt, et brauseri arendusmeeskonnad kasutavad küsitluse tulemusi (paljude muude andmepunktide hulgas) oma tegevuskava koostamiseks.

Lisaks sellele on Google ka aidanud rahastada minu tööd uuringus ja isegi palganud Lea Verou võtta juhtroll selle aasta küsitluse küsimuste valimisel.

See pole ainult Google. Safari ja Apple'i laimamine üldiselt on moes (mõnikord ka teenitult), kuid te ei saa eitada, kui kirglik kellelegi meeldib Lihtsalt Simmons on arendajate kuulamine ja veebi täiustamine.

Ja mitte ainult brauserimüüjad ei paranda CSS-i üksinda; nad teevad isegi lahinguliinide vahel koostööd selliste algatustega nagu Koostöö 2023 et aidata vähendada ebakõlasid ja vastuolusid brauserite vahel.

Liiga palju head?

Selle kõige tulemuseks on see, et oleme nüüd silmitsi CSS-i rikkustega ja sellele võib olla raske järele jõuda. CSS -võrk Hakati suuremates brauserites toetama peaaegu viis aastat tagasi, kuid siiski kontrollin viidet iga kord, kui seda kasutan. Ja nii lahe kui alamvõrk tundub, et ma pole seda veel isegi proovinud.

Valimisprotsessi käigus milliseid CSS-i funktsioone CSS-i olekus kaasata või mitte, Lea ja mina kaalusime paljusid funktsioone, kuid keeldusime ka üsna paljudest. Mõned näited funktsioonist we ei hõlmavad järgmist:

  • . linear() kergendusfunktsioon, mis võimaldab määratleda lõdvenduskõveraid täpsemini. 
  • . env() funktsioon, mis võimaldab kasutada brauseri või seadme määratud muutujaid. 
  • . scrollbar-width atribuut, mis aitab juhtida kerimisriba välimust. 
  • . margin-trim atribuut, mis võimaldab teil kontrollida, kuidas konteineri alamveerised käituvad. 

Need kõik on potentsiaalselt väga kasulikud ja oleksid olnud viimaste aastate CSS-i põua ajal suured uudised. Kuid tänapäeva kontekstis peavad nad võitlema tähelepanu eest palju suuremate teadaannetega, nagu has()-selektor või CSS-i pesastamine!

Ei ole põnevil

Silvestar Bistrovićina kirjutab, pole ta kõigist nendest uutest CSS-i funktsioonidest nii põnevil. See leidis Twitteris kaja, koos Sara Soueidan märkides, et teda huvitab „praktilisus, mitte see, kui särav funktsioon hetkel välja näeb”.

See võib tunduda negatiivse suhtumisena, kuid arvan, et see on mõistetav. Ei saa eeldada, et keegi peaks nii paljude uute funktsioonidega kursis olema!

Teine soovimatu (või võib-olla ka ettekavatsetud?) tagajärg on see, et mida keerulisemaks CSS muutub, seda kõrgemale tõstab see latti igale uuele ettevõttele, kes soovib arendada brauserimootorit – rääkimata lisanduvast töökoormusest, mis puudutab kogu hooldamist ja dokumenteerimist. need uued funktsioonid. 

CSS-i üleulatuvus

Samuti on väga tõsine mure, et CSS võib hargneda valdkondadesse, mille käsitlemiseks see ei sobi. See on veel üks asi, millele Sara Soueidan uuele CSS Togglesi eksperimentaalsele teostusele reageerides juhtis tähelepanu (siin on pilet, mis seda arutab):

Paljud on väga mõistlikult väitnud, et sellise käitumisega saab kõige paremini hakkama uue HTML-i elemendiga, selle asemel, et lülitusolekut hallata puhtalt CSS-i kaudu, ja et CSS ei pruugi olla parim meedium juurdepääsetavuse probleemide õige lahendamise tagamiseks. 

Kui CSS võtab üle midagi, mida varem käsitleti JavaScripti kaudu, peetakse seda üldiselt heaks, kuna see vähendab sageli brauseri laaditava koodi hulka. Seega olen CSS-i lülitite osas ettevaatlikult optimistlik ja usun, et CSS-i töörühm tegeleb kogukonna muredega õigesti. Kuid võib-olla saabub päev, mil hakkame muretsema, et CSS võib laieneda väljapoole oma piire ning rikkuda HTML-i ja JavaScripti kohustusi.

Uued ootused

Ja võib-olla peaks see muutuma: võib-olla peaksime loobuma ootusest, mida CSS-i arendajad peavad teadma kõik CSS-ist? 

See ootus tuleneb aegadest, mil CSS oli järelmõte, see väike tüütu süntaks, mida pidite õppima, et muuta nupp siniseks ja paksuks, nagu klient küsis. Kuid ma arvan, et peame leppima sellega, et tänane CSS võib olla ühe inimese jaoks liiga ulatuslik, eriti lisaks muudele esiotsa ülesannetele.

As Michelle Barker ütleb:

Ja see on koht, kuhu ma ise lõpuks maandun. Olen leppinud sellega, et tõenäoliselt ei kasuta ma kunagi – ega isegi tea neist – kõiki võimalikke CSS-i funktsioone. Ja see tuleb kelleltki, kes korraldab CSS-i kohta küsitluse!

Kuid need uued funktsioonid on kindlasti kasulikud keegi. Keegi kirjutab nendest blogipostitusi, loob nendega lahedaid CodePen'e, peab neist kõnesid. Sellest inimesest saab lahe, noor, energiline arendaja, kellel on kõik juuksed alles. Teisisõnu, see ei ole mina – ja see on hea. 

Ja võib-olla olete mures, et see uus arendaja on ülekoormatud kõigist asjadest, mida nad peavad korraga õppima. Kuid pidage meeles kõiki neid asju mitte tuleb õppida, sest see on asendatud nende uuemate alternatiividega. Ma tean, et võtaksin selle tehingu igal ajal vastu.

Kuid mõelge sellele: viimase paari aasta jooksul pole me näinud mitte ainult tohutut seadmete arvu suurenemist, mida vajame, vaid oleme ka hakanud mõistma, et me kõik tarbime veebi pisut erineval viisil, olgu selleks puuetele, praegusele kontekstile või lihtsalt isiklikele eelistustele. Kas CSS ei peaks selle uue reaalsusega kohanema?

Nüüd pean tunnistama, et see kõik on tekitanud minus veidi nostalgiat... nii et vabandage mind, kui ma paar ujukit lahti lähen, lihtsalt vana aja pärast.


Nagu mainisin, iga-aastane CSS-i seisu uuring on nüüd avatud. Olenemata sellest, kas arvate, et CSS-i on liiga palju või mitte, on küsitlus suurepärane viis anda brauseri arendajatele teada, mida te tunnete. mine täida ära kui teil on 10 minutit. 

Ajatempel:

Veel alates CSSi trikid