Ny fiteny izay manara-maso ny endrika sy ny fahatsapana ny tranonkala — dia mbola mahery vaika, saingy sarotra kely. Ny mpamorona dia niady nandritra ny taona maro tamin'ny fanadihadiana rehetra, ny faniriana rehetra mba hahazoana endrika mifanaraka, ary ny fanesorana ny fifanarahana amin'ny endrika. Ny endri-javatra telo vaovao amin'izao fotoana izao dia manova ny CSS ho fitaovana maivana kokoa, maivana kokoa ary maoderina kokoa: Nesting, Container Queries, ary Scoped Styles. CSS Ireo dia tsy fiovana tsy misy dikany; manova ny fomba fiasanay isika, ary ny CSS dia lasa mahatsikaiky kokoa, modular, ary azo antoka. Tamin'ny lasa, ny CSS dia nahatonga ireo mpandraharaha hamerina ny tenany rehefa mamolavola ireo singa. Ny fametrahana fitaovana dia mamaha izany amin'ny alàlan'ny fametrahana endrika manaraka ny rafitra voajanahary. Ankoatra ny fampiharana fitsipika isan-karazany isaky ny singa, ny fametrahana fitaovana dia mamela azy ireo hanangona amin'ny fomba ratsy. Izany dia mahatonga ny endrika ho mora kokoa ny mamaky sy manaraka, satria ny CSS dia mitovy kokoa amin'ny HTML rafitra izay mamorona. Ho an'ny vondrona, midika izany fa kely ny fahadisoana sy ny fifandraisana mazava kokoa eo amin'ny famolavolana sy ny code izay manohana azy. Container Queries Ny container dia Ny mpamorona tranonkala dia mampiasa fanontaniana media nandritra ny taona maro izay manova endrika mifototra amin'ny habetsaky ny varavarankely navigateur. Izany dia tena mahafinaritra amin'ny toe-javatra sasany, fa tsy rehefa misy singa - taratasy, bokotra, na sidebar, ohatra - ampiasaina amin'ny toerana maro ao amin'ny pejy. Ny fanontaniana container dia mamaha ny olana amin'ny alàlan'ny fanovana ny habetsaky ny singa mifanaraka amin'ny habetsaky ny toerana misy azy, fa tsy ny efijery manontolo. Miezaka ny karatra izay toa kely ao amin'ny sidebar, fa afaka mitombo tsara ao amin'ny sehatry ny votoaty fototra - tsy misy toro-hevitra fanampiny na fifampiraharahana. Ity fahaiza-manao ity dia mahatonga ny singa ho azo ampiasaina indray sy mifanaraka amin'ny farany, na aiza na aiza izy ireo. Ny fomba fanao Ny iray amin'ireo loza ratsy indrindra amin'ny CSS dia ny fomba ahafahan'ny endriky ny endriky ny pejy. Ny endriky ny iray amin'ireo singa ireo dia mety hanova ny iray amin'ireo singa hafa, mamokatra bugs mahatsiravina. Ny endriky ny endriky ny endriky ny endriky ny endriky ny endriky ny endriky ny endriky ny endriky ny endriky ny ampahany. Ity fametrahana ity dia mahatonga ny CSS ho azo antoka sy azo antoka. Tena zava-dehibe indrindra amin'ny fampandrosoana maoderina, izay tranonkala dia naorina avy amin'ny ampahany maro azo ampiasaina indray. Ny endrika azo antoka dia miantoka fa ny ampahany tsirairay dia mijery araka ny tokony ho azy, tsy misy fiantraikany amin'ny ampahany hafa. Why Do These Features Matter? Nahoana no manan-danja ireo toetra ireo? Amin'ny ankapobeny, ireo endri-javatra telo ireo dia ahitana fiovana fototra amin'ny CSS: 
 
 
 
 Ny Nesting dia mitazona fehezan-dalàna madio sy mora mamaky. Ny fangatahana container dia mamela ny endrika ho mora foana amin'ny toe-javatra rehetra. Ny fomba fanao dia manakana ireo singa tsy hisy fiantraikany amin'izany. Ireo telo ireo dia miara-miasa mba hampifanaraka ny CSS amin'ny natiora amin'ny famolavolana tranonkala amin'izao fotoana izao: modular, azo ampiasaina indray ary mifantoka amin'ny mpampiasa. The Road Ahead Ny lalana mankany Ny fanohanana ireo endri-javatra ireo dia tsy ao amin'ny navigateur rehetra, fa mihamitombo haingana. Ny mpamorona izay manandrana azy ireo amin'izao fotoana izao dia ho eo anoloan'ny lalana rehefa tonga ny hoavin'ny CSS, ary hahazo tombony izy ireo amin'izao fotoana izao izay misy fanohanana. Conclusion Ny famaranana Ny CSS dia miova mba hifanaraka amin'ny fepetra takiana amin'ny fampandrosoana ny tranonkala ankehitriny. Ny fanangonana, ny fanontaniana amin'ny container ary ny endrika amin'ny sehatra dia manatsara ny famolavolana, mahatonga azy ho malaza kokoa ary azo itokisana kokoa. Ho an'ny mpamorona sy ny mpamorona, ireo endri-javatra ireo dia maneho ny hoavin'ny CSS izay miara-miasa tsara kokoa amin'ny fomba izay ataontsika amin'izao fotoana izao. 
 
 Ity tantara ity dia navoakan'i Sanya Kapoor ao anatin'ny HackerNoon's Business Blogging Program. Ity tantara ity dia navoakan'i Sanya Kapoor ao anatin'ny 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

Ity horonam-peo ity dia novokarina tamin'ny fiteny niandohan'ny tantara!

Ny hoavin'ny Web Styling: CSS Nesting, Container Queries & Scoped Styles

About Author

COMMENTS

HANG TAGS

ITY ARTICLE ITY NO NARESAKA TAMIN'NY

Related Stories

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps