- gjuha që kontrollon pamjen dhe ndjenjën e faqeve të internetit - ka qenë gjithmonë e fuqishme, por pak e ndërlikuar. Programuesit kanë luftuar për vite me gjithë duplikimin, të gjithë dëshirën për të bërë dizajne të përshtatshme, dhe të gjithë shmangien e konflikteve të stilit. Tre karakteristika të reja janë tani duke revolucionarizuar CSS në një mjet më të pastër, më të hollë dhe më moderne: Nesting, Container Queries, dhe Scoped Styles. CSS Këto nuk janë ndryshime triviale; ato revolucionarizojnë mënyrën se si stilojmë, dhe CSS bëhet më intuitive, modulare dhe e parashikueshme. Në të kaluarën, CSS bëri që zhvilluesit të përsërisin veten kur stilonin elementet. Nesting e zgjidh këtë duke lejuar stilet të ndjekin strukturën natyrore të përmbajtjes. Në vend që të aplikojnë rregulla individualisht për element, nesting lejon që ato të mblidhen logjikisht. Kjo e bën stilet më të lehtë për t'u lexuar dhe për t'u ndjekur, pasi CSS duket më shumë si struktura HTML që po krijon. Container Queries Kontejnerët që duan Zhvilluesit e uebit kanë përdorur për vite me radhë pyetjet e mediave që rregullojnë dizajnet bazuar në madhësinë e dritares së shfletuesit.Kjo është thjesht e mrekullueshme në disa raste, por jo kur një element - një kartë, buton ose shirit anësor, për shembull - përdoret në vende të shumta në një faqe. Kërkesat e kontejnerëve zgjidhin problemin duke shkaktuar që një komponent të ndryshojë madhësinë e vetes në varësi të hapësirës në të cilën banon, jo të gjithë ekranin. Mendoni për një kartë që duket e vogël në një shirit anësor, por mund të rritet në mënyrë të përkryer në një zonë kryesore të përmbajtjes – pa truket shtesë ose rrudhat e ndërlikuara. Kjo aftësi e bën komponentët maksimalisht të ripërdorshëm dhe të adaptueshëm, pavarësisht se ku janë vendosur. Stili i shkatërruar Një nga kokëdhimbjet më të këqija të CSS është se stilet mund të "lidhen" në një faqe. Një stil i destinuar për një komponent mund të ndryshojë aksidentalisht një tjetër, duke prodhuar bugs zemëruese. Kjo izolim e bën CSS të parashikueshme dhe të sigurt. Kjo është veçanërisht e rëndësishme në zhvillimin modern, ku faqet e internetit janë ndërtuar nga shumë copa të ripërdorshme. Why Do These Features Matter? Pse këto karakteristika kanë rëndësi? Së bashku, këto tre karakteristika përfshijnë një ndryshim themelor në CSS: 
 
 
 
 Nesting mban kodin të pastër dhe të lehtë për t'u lexuar. Kërkesat e kontejnerëve lejojnë që dizajnet të jenë fleksibël në çdo situatë. Stilet e shënjestruara mbajnë komponentët nga ndërhyrja. Të tre punojnë së bashku për të sjellë CSS në përputhje me natyrën e ndërtimit të faqeve të internetit sot: modulare, të ripërdorshme dhe të përqendruar në përdorues. The Road Ahead Rruga përpara Mbështetja për këto karakteristika nuk është në të gjitha shfletuesit ende, por ajo është në rritje të shpejtë. zhvilluesve që të provoni ato tani do të jetë para kurrizit kur e ardhmja e CSS vjen, dhe ata do të marrin përfitime tani ku mbështetja është në dispozicion. Conclusion Konkludimi CSS po ndryshon për t'iu përshtatur kërkesave të zhvillimit modern të uebit. Nesting, pyetjet e kontejnerëve dhe stilet e përhapura thjeshtësojnë stilin, e bëjnë atë më të zgjuar dhe më të besueshëm. Për dizajnerët dhe zhvilluesit, këto karakteristika mishërojnë një të ardhme ku CSS bashkëpunon më mirë me mënyrën se si krijojmë faqet e internetit tani. 
 
 Kjo histori është shpërndarë si një lëshim nga Sanya Kapoor nën HackerNoon's Business Blogging Program. Kjo histori është shpërndarë si një lëshim nga Sanya Kapoor nën HackerNoon's Business Blogging Program.

The is an opinion piece based on the author’s POV and does not necessarily reflect the views of HackerNoon.

Read My Stories

Kjo audio është prodhuar në gjuhën origjinale të tregimit!

E ardhmja e Web Styling: CSS Nesting, Kërkesat Container & Styles Scoped

About Author

KOMENTE

VARUR TAGS

KY ARTIKU U PARAQIT NË

Related Stories

Rrjeti SQD sapo vrau emetimet e tokenëve.Ja çfarë paguan 16 miliardë dollarë në DeFi TVL

Rrjeti SQD sapo vrau emetimet e tokenëve.Ja çfarë paguan 16 miliardë dollarë në DeFi TVL

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps