Gara waggaa 15 dura dhaabbata appii ergamtoota imala, hojjettoota buufata xiyyaaraa fi dhaabbilee daandiiwwan xiyyaaraa itti hojjenne tokko keessatti hojjechaa ture. Akkasumas qaamolee UI fi dandeettii appii fuula tokkootiif unka mana keessaa mataa keenyaa ijaarre. Waan hundumaaf qaamolee qabna turre: man'eewwan, qareewwan, caancaloota, hangawwan, gabatee deetaa, sajoo, guyyaa filattoota, filatamoo, fi filannoo baay'ee. Div component illee qabna turre. Div component keenya karaa biraatiin guddaa ture, browser hunda irratti rounded corners akka hojjennu nu dandeessiseera, kunis, amantanis amanuu baattanis, yeroo sanatti waan salphaa hin turre.
Hojiin keenya seenaa keenya keessatti yeroo JS, Ajax, fi dynamic HTML akka warraaqsa gara fuulduraatti nu fideetti ilaalamanitti raawwatame. Akka tasaa, fuula tokko daayinamiikiin haaromsuu dandeenya, daataa sarvarii irraa argachuu dandeenya, akkasumas gara fuula birootti deemuu irraa of qusachuu dandeenya, kunis akka suuta jedhutti ilaalama turee fi fuula lamaan gidduutti reektaangilii adii guddaa iskiriinii irratti balaqqeessa. Gaaleen tokko ture, Jeff Atwood (hundeessaa StackOverflow) tiin jaallatamaadha, kan akkas jedha: “Appilikeeshiniin JaavaScriptiin barreeffamuu dandaʼu kamiyyuu yeroo booda JaavaScriptiin barreeffama.”— Jeef Atwuud
Yeroo sanatti kun akka ija jabina qabatamaan deemnee appii sana uumuutti nutti dhaga'ame. JS waliin waan hunda hojjechuun akka blanket approval natti dhaga'ame. Kanaafuu waan hunda JS waliin hojjenne, dhuguma yeroo fudhannee karaalee hojii biroo qorachuu hin dandeenye. Dhuguma kaka’umsi HTML fi CSS maal gochuu akka danda’an sirnaan baruuf nutti hin dhaga’amne. Dhuguma weeb akka waltajjii appii guddachaa jiruutti guutummaatti hin fudhanne. Irra caalaa akka waan itti hojjechuu qabnutti ilaalle, keessumaa yeroo deeggarsa browser ilaallu. Waan tokko hojjechuuf JS dabalataa itti darbachuu qofa dandeenya turre. Yeroo fudhadhee waa’ee akkaataa weebsaayitiin itti hojjetuu fi maaltu waltajjii irratti akka argamu caalaatti baruun na gargaaraa turee? Hubadhaa, tarii koodii baay’ee kan dhuguma hin barbaachifne haaddachuu nan danda’a ture. Garuu, yeroo sanatti, tarii hangas ta'uu dhiisuu danda'a. Argitu, garaagarummaan browser yeroo sanatti baayyee guddaa ture. Yeroon kun yeroo Internet Explorer ammallee browser olaantummaa qabu ture, Firefox lammaffaa dhiyoo ta'ee, garuu sababa Chrome saffisaan jaalala horachuu isaatiin qooda gabaa dhabuu jalqabe. Chrome fi Firefox istaandaardii weebii irratti walii galuu irratti baay'ee gaarii ta'us, naannoowwan appilikeeshiniiwwan keenya itti hojjetan yeroo dheeraaf IE6 deeggaruun nurra ture jechuudha. Yeroo IE8 deeggaruun nuuf hayyamameef illee garaagarummaa baay'ee browser gidduu jiru ilaaluu qabna turre. Kana qofa osoo hin taane, web yeroo sanaa dandeettii hamma sanaa sirriitti waltajjii keessatti ijaarame hin qabu ture.
Saffisaan gara har'aatti ce'aa. Wantoonni jijjiirama guddaa argataniiru. Dandeettiiwwan kana yeroo kamiyyuu caalaa qabaachuu qofa osoo hin taane, saffisi isaan itti argamanis dabaleera. Mee gaaffii kana irra deebi’ee haa gaafadhu, egaa: Yeroo fudhattee waa’ee akkaataa weebsaayitiin itti hojjetuu fi maaltu waltajjii irratti argamu caalaatti baruun har’a si gargaaraa? Absolutely eeyyee. Har'a waltajjii weeb hubachuu fi itti fayyadamuu barachuun developers biroo caalaa faayidaa guddaa sitti fida. Raawwii, dhaqqabummaa, deebii kennuu, hunda isaanii walitti erguu, ykn amaloota UI qofa erguu irratti yoo hojjettan, akka injinarii itti gaafatamummaa qabuutti hojjechuu yoo barbaadde, meeshaalee siif jiran beekuun galma kee saffisaa fi fooyya’aa ta’een akka geessu si gargaara. Wantoota Kana booda Mana Kitaabaa Si Hin Barbaachisuu Ta'an Tokko Tokko Har’a browsers maal akka deeggaran beekuun, gaaffiin jiru, egaa, Maal dhiisuu dandeenya? Bara 2025tti rounded corners hojjechuuf div component nu barbaachisa? Dhugaadha, nuti hin goonu. Qabeenyi daangaa-raadiyasii yeroo kanatti waggoota 15 oliif biraawzaroota amma fayyadaman hundaan deeggaramee jira. Akkasumas boca golee qabus yeroo dhiyootti dhufaa jira, goleewwan faashinii ta'aniif illee. Mee amaloota dhiyoo ta’an kanneen amma biraawzaroota gurguddoo hunda keessatti argaman, fi hirkattummaawwan kuusaa koodii keessan keessatti jiran bakka buusuuf itti fayyadamuu dandeessan haa ilaallu. Dubbiin jiru battalumatti manneen kitaabaa jaallattan hunda dhiistee codebase kee irra deebitee barreessuu miti. Waan hundumaa yoo ilaalle, dursitee deeggarsa biraawzari tilmaama keessa galchuu fi wantoota biroo pirojektii kee irratti adda ta’an irratti hundaa’uun murteessuu qabda. Amaloonni armaan gadii motora biraawzari gurguddoo sadan (Chromium, WebKit, fi Gecko) keessatti hojiirra oolaniiru, garuu ulaagaalee deeggarsa biraawzari adda addaa kan battalumatti akka hin fayyadamne si dhorku qabaachuu dandeessa. Haataʼu malee, amma iyyuu yeroo gaarii waaʼee amaloota kanaa baruuf, tarii yeroo tokkotti itti fayyadamuuf karoorfachuu dandeessa. Popovers Fi Dialogs API Popover, elementiin HTML
Hubadhaa, saffisi qunnamtii interneetii keessaniis dabaluu hin oolu, garuu nama hundaaf akkas miti. Akkasumas namni hundi dandeettii meeshaa wal fakkaatus hin qabu. Wantoota waltajjichaan hojjechuu dandeessuuf koodii qaama sadaffaa harkisuu, kanaa mannaa, baay'ee tarii koodii baay'ee ergita jechuudha, kanaaf maamiltoota muraasa kan yeroo idilee ta'e bira ga'u jechuudha. Weeb irratti raawwiin fe’iinsaa badaan saffisa dhiifamuu guddaa fiduu fi maqaa maqaa daldalaa miidha. Meeshaalee Irratti Koodii Xiqqaa Hojjechuu Kana malees, koodii ati meeshaalee maamiltoota kee irratti ergitu yoo waltajjii gubbaatti abstractions JavaScript xiqqaa fayyadame saffisaan hojjechuu hin oolu. Akkasumas tarii deebii kennuu fi durtiidhaan caalaatti dhaqqabamaa ta’uu hin oolu. Kun hundi maamiltoota baay’ee fi gammadoo ta’an argamsiisa. Biloogii qaawwa walqixxummaa raawwii hojii waggaa waggaadhaan hiriyaa koo Aleeks Raasil ilaalaa, kunis meeshaaleen sadarkaa olaanaa qaban sababa walqixxummaa qabeenyaatiin gabaa fayyadamtoota biliyoonaan lakkaa’aman irraa baay’inaan akka hin jirre agarsiisa. Qaawwi kun immoo yeroon dabalaa dhufe qofa guddachaa jira.
Haala Masonry keessaa ijaarame Amalli waltajjii weebii tokko kan yeroo dhiyootti dhufuu fi baay’ee itti gammade CSS Masonry dha.
Mee Masonry maal akka ta'e ibsuun jalqaba. Masonry Maali Masonry gosa layout waggoota dura Pinterest'n jaallatamaadha. Qabiyyee hordoffii of danda'ee kan wantootni hamma danda'anitti jalqaba track sanaatti dhihoo ta'an ofitti kuufatan uuma.
Namoonni baay'een Masonry akka filannoo guddaa portfolio fi galmee suuraa ilaalu, kunis gochuu akka danda'u beekamaadha. Garuu Masonry waan Pinterest irratti argitan caalaa kan jijjiiramu yoo ta’u, haala bishaan kuufamaa fakkaatu qofa irratti kan daangeffame miti. Haala Masonry keessatti:
Trackoonni tarjaa ykn tarree ta'uu danda'u:
Tracks qabiyyee hundi isaanii guddina tokko ta’uu hin qaban:
Wantoonni daandii hedduu irra darbuu danda'u:
Meeshaaleen daandii murtaa’e irratti kaa’amuu danda’u; yeroo hunda algorithm ofumaan kaa’uu hordofuu hin qaban:
Demos Kunoo demos salphaa muraasa ani hojiirra oolmaa dhufu CSS Masonry in Chromium fayyadamuun hojjedhe. Demoo galma suuraa, akkaataa wantootni (mata dureen haala kana keessatti) track hedduu span akka danda'an agarsiisu:
Galmi suuraa kan biraa kan track safara adda addaa agarsiisu:
Haalata saayitii oduu kan track tokko tokko kanneen biroo caalaa bal'aa ta'e, fi wantoota tokko tokko bal'ina qindaa'ina guutuu kan hammate:
Gabatee kanban meeshaaleen daandii murtaa’e irratti kaa’amuu akka danda’an agarsiisu:
Hubachiisa: Thedemos kanaan duraa kan hojjetame version Chromium kan ammallee fayyadamtoota weeb irra caalaan hin argamneen ture, sababiin isaas CSS Masonry browsers keessatti hojiirra ooluu jalqabeera. Haa ta'u malee, hojjettoonni weebii waggootaaf duraanuu gammachuudhaan mana kitaabaa fayyadamuun haala Masonry uumuuf turan. Saayitoota Har'a Masonry Fayyadamaa Jiran Dhugumatti, Masonry har'a web irratti baay'ee baramaa dha. Fakkeenyonni muraasni Pinterest malee argadhe kunooti:
Akkasumas fakkeenyota muraasa dabalataa, kan hin mul’anne:
Kanaafuu, haalawwan kun akkamitti uumaman? Furmaata hojii Tooftaan tokko kan ani fayyadame arge, bakka isaa haala Flexbox fayyadamuu, kallattii isaa gara tarjaatti jijjiiruun, fi akka marfamuutti saaguudha. Haala kanaan, wantoota olka'iinsa adda addaa qaban tarjaa hedduu, of danda'e keessatti kaa'uu dandeessa, yaada haalata Masonry kennuu:
Haa ta'u malee, furmaata kanaan daangaa lamatu jira:
Tartiiba meeshaalee haala Masonry dhugaa wajjin maal akka ta’u irraa adda. Flexbox waliin, wantootni jalqaba tarjaa jalqabaa guutu, yeroo guutu, sana booda gara tarjaa itti aanutti deemu. Masonry wajjin, wantootni track (ykn tarjaa haala kana keessatti) bakka baay'ee qabu kamiyyuu keessatti tuulama turan. Garuu akkasumas, tarii caalaatti, furmaanni kun olka'iinsa dhaabbataa gara qabduu Flexbox saaguu si gaafata; yoo kana hin taane, marfamuun tokkollee hin uumamu ture.
Manneen Kitaabaa Masonry qaama sadaffaa Dhimmoota sadarkaa olaanaa irra jiraniif, misoomsitoonni mana kitaabaa fayyadamaa turaniiru. Manni kitaabaa kanaaf baay'ee beekamaa fi jaallatama ta'e salphaatti Masonry jedhama, akka NPM jedhutti torbanitti gara si'a 200,000 buufama. Squarespace akkasumas qaama qindaa'ina kan qindaa'ina Masonry agarsiisu kenna, filannoo koodii hin qabneef, fi saayitoonni baay'een itti fayyadamu. Filannoon kun lamaan wantoota qindaa'ina keessa kaa'uuf koodii JaavaScript fayyadamu. Masonry keessaa ijaarame Masonry amma akka amala CSS ijaarameetti biraawzaroota keessatti mul’achuu jalqabuu isaatiif baay’een gammada. Yeroo booda, akkuma Grid ykn Flexbox gootu, jechuunis, furmaata hojii ykn koodii qaama sadaffaa osoo hin barbaachisin, Masonry fayyadamuu ni dandeessa. Gareen koo Microsoft keessatti deeggarsa Masonry ijaarame pirojektii madda banaa Chromium keessatti hojiirra oolchaa tureera, kunis Edge, Chrome, fi biraawzaroota biroo hedduun irratti hundaa'a. Mozilla was actually the first browser vendor to propose an experimental implementation of Masonry back in 2020. Akkasumas Applen haala weeb haaraa kana primitive akka ta'u gochuuf fedhii guddaa qaba ture. Hojiin amala kana istaandaardii gochuuf hojjetamus gara fuulduraatti tarkaanfachaa jira, garee hojii CSS keessatti waliigaltee waa'ee kallattii waliigalaa fi illee agarsiisa gosa agarsiisaa haaraa: grid-lanes. Waa'ee Masonry caalaatti baruu fi adeemsa hordofuu yoo barbaaddan, fuula qabeenya CSS Masonry koo ilaalaa. Yeroo booda, yeroo Masonry amala Baseline ta’u, akkuma Grid ykn Flexbox, salphaatti itti fayyadamuu fi fayyadamuu ni dandeenya:
Raawwii hojii fooyya’aa, . Deebii fooyya’aa kennuu, . Fayyadama salphaa fi koodii salphaa.
Mee isaan kana sirriitti haa ilaallu. Raawwii Hojii Fooyya'aa Sirna haalata Masonry fakkaatu mataa keetii hojjechuu, ykn bakka isaa mana kitaabaa qaama sadaffaa fayyadamuu, wantoota iskiriinii irratti kaa’uuf koodii JaavaScript hojjechuu qabda jechuudha. Kana jechuunis koodii kun render blocking ta'a jechuudha. Dhugumatti, yookaan wanti tokkollee hin mul’atu, yookaan wantootni bakka sirrii yookaan guddina sirrii hin ta’an, hanga koodii JaavaScript sun hojjetutti. Haalli masonry yeroo baayyee kutaa ijoo fuula weebsaayitiidhaaf fayyadama, kana jechuun koodii qabiyyee kee isa guddaa osoo akkas ta'ee qabaachuu danda'u caalaa booda akka mul'atu taasisaa ture, LCP kee gadi buusa, ykn meetirikii Faaya Qabiyyee Guddaa, kunis raawwii hubatamee fi fooyya'iinsa motora barbaacha keessatti gahee guddaa qaba. Mana kitaabaa Masonry JS haala salphaa ta'een fi DevTools keessatti walqabsiisa 4G suuta jedhu fakkeessuudhaan qoradheera. Manni kitaabaa baayyee guddaa miti (24KB, 7.8KB gzipped), garuu haala qormaata koo jalatti fe'uuf 600ms fudhate. Kunoo waraabbii raawwii yeroo fe'umsaa dheeraa 600ms mana kitaabaa Masonry agarsiisu, fi yeroo sun ta'aa jiruu sochiin agarsiisaa biraa akka hin mudanne agarsiisa:
Dabalataanis, yeroo fe'iinsa jalqabaa booda, iskiriiptiin buufame sana booda parsed, compiled, fi sana booda hojjechuu barbaachisa ture. Kun hundi akkuma kanaan dura jedhame, agarsiisa fuula sanaa ugguraa ture. Hojiirra oolmaa Masonry browser keessatti ijaarame yoo qabaate, iskiriiptii fe’uu fi hojjechuuf hin qabaannu. Mootorri biraawzari yeroo tarkaanfii agarsiisa fuula jalqabaa qofa waan isaa hojjeta. Deebii Fooyya’aa Kennuu Yeroo fuul-barruun jalqaba fe'amu wajjin wal fakkaata, foddaa biraawzari safara jijjiiruun gara qindaa'ina fuula sana keessa jiru irra deebi'ee agarsiisuutti geessa. Yeroo kanatti garuu, yoo fuul-barruun mana kitaabaa Masonry JS fayyadamaa jiraate, iskiriiptii irra deebi’anii fe’uun hin barbaachisu, sababiin isaas duraanuu waan ta’eefas. Haa ta'u malee, koodii wantoota bakka sirrii ta'etti sochoosu hojjechuu qaba. Amma manni kitaabaa addaa kun yeroo fuul-barruun fe'amu kana gochuu irratti baay'ee saffisaa fakkaata. Haa ta'u malee, wantoota yeroo isaan gara bakka adda ta'etti socho'uu barbaadan foddaa safara irratti sochoosa, kunis jijjiirama guddaa fida. Dhugaadha, fayyadamtoonni akka nuti developers yeroo hin dabarsine windows browser isaanii safara isaanii jijjiiruuf. Garuu muuxannoon guddina jijjiiruu socho'aa kun baay'ee jarring ta'uu danda'a fi yeroo fuul-barruun guddina isaa haaraa wajjin walsimsiisuuf fudhatu jedhamee fudhatamu irratti dabalata. Itti Fayyadama Salphaa Fi Koodii Salphaa Amala weebii fayyadamuun hammam salphaa akka ta’ee fi koodii hammam salphaa akka fakkaatu wantoota barbaachisoo garee keessaniif jijjiirama guddaa fiduu danda’aniidha. Isaan gonkumaa akka muuxannoo fayyadamaa isa dhumaa barbaachisoo ta’uu hin danda’an, beekamaadha, garuu muuxannoon misoomsaa kunuunsa irratti dhiibbaa qaba. Amala weebii keessaa ijaarame fayyadamuun faayidaa barbaachisaa fuula sana irratti qaba:
Developers kanneen duraan HTML, CSS, fi JS beekan amala sana salphaatti fayyadamuu danda’uun isaanii hin oolu sababiin isaas akka gaariitti akka walitti makamuu fi waltajjii weeb hafe waliin walsimuuf waan qophaa’eef. Akkaataa itti fayyadama amala kanaa irratti jijjiiramni cabsuu balaan hin jiru. Balaan amalli sun akka hin hojjenne ykn hin kunuunfamne zeeroo jechuun ni danda’ama.
Haala Masonry keessaa ijaarame keessatti, sababni isaas inni jalqaba qindaa’ina waan ta’eef, CSS irraa fayyadamta, akkuma Grid ykn Flexbox, JS hin hirmaatu. Akkasumas, qabeentotni CSS haalata wajjin walqabatan biroo, kan akka qaawwa, akka ati eegdutti hojjetu. Tooftaan ykn furmaanni waa'ee isaa beektu hin jiru, wantootni ati barattu MDN irratti galmaa'aniiru. Masonry JS lib tiif, jalqabsiisni xiqqoo walxaxaa dha: amaloota deetaa sintaksii murtaa'e qabu barbaada, qaamolee HTML dhokataa wajjin hammangaawwan tarjaa fi qaawwa saaguuf. Dabalataan, yoo tarjaawwan span gochuu barbaadde, rakkoo akka hin mudanneef ofuma keetii hammangaa qaawwaa hammachuu qabda:
Mee kana hojiirra oolmaan Masonry ijaarame maal akka fakkaatu waliin haa wal bira qabnee ilaallu:
Koodii salphaa, xiqqaa ta’ee fi wantoota akka qaawwaa qofa fayyadamuu danda’uu fi bakka spanning tracks span 2 waliin hojjetamu, akkuma grid keessatti, fi bal’ina sirrii kan hamma qaawwa hammate shallaguu si hin barbaachisu. Maaltu Akka Argamuu Fi Yoom Akka Argamu Akkamitti Beekna? Walumaagalatti, gaaffiin jiru dhuguma yoo mana kitaabaa JS irratti Masonry ijaarame fayyadamuu qabda osoo hin taane, yoom. Manni kitaabaa Masonry JS ajaa'iba fi waggoota dheeraaf qaawwa waltajjii weeb keessatti mul'atu guutaa ture, akkasumas developers fi fayyadamtoota gammadoo hedduudhaaf. Hojiirra oolmaa Masonry ijaaramee wajjin yoo wal bira qabde hanqina muraasa qaba, beekamaadha, garuu yoo hojiirra oolmaan sun qophaa’uu baate sun barbaachisoo miti. Ani gurguraa biraawzari irratti waanan hojjedhuuf, amaloota waltajjii weeb haaraa qabbanaawaa kana tarreessuun naaf salphaadha, kanaaf waan dhufu beekuuf nan yaala. Garuu yeroo baayyee misoomsitoonni, qorannoo qorannoo booda, waan haaraa hordofuun rakkisaa akka ta'e qooddatu. Odeeffannoo qabaachuun rakkisaadha, dhaabbileen yeroo hunda akkanumatti barachuuf dursa hin kennan. Kana gargaaruuf, qabeenyi muraasni odeeffannoo isin barbaachisu daftee argachuu akka dandeessanitti haala salphaa fi kompaaktii ta’een haaromsa kennan kunooti:
Waltajjiin Weebsaayitii kun marsariitii qorataa: Fuula yaadannoo gadhiifamuu isaa irratti fedhii qabaachuu dandeessu. Akkasumas, yoo RSS jaallatte, nyaata yaadannoowwan gadhiifamuu, akkasumas nyaata Bu'uuraa Haaraa Argamuu fi Bal'inaan Argamuu ilaali.
WeebsaayitiinDaashboordii Haala Waltajjii: Fuulota isaa adda addaa Baseline year jaallachuu dandeessu.
Fuula kaartaa daandii Chrome Platform Status’ jedhu.
Yoo yeroo xiqqoo dabalataa qabaatte, yaadannoo gadhiifamuu gurgurtoota biraawzariif fedhii qabaachuu dandeessa:
Chrome Edge Firefox jedhamuun beekama Safarii
Qabeenya dabalataaf, Navigating the Web Platform Cheatsheet koo ilaalaa. Dubbiin koo ammallee hojiirra hin oolle Sunis gama biraatiin rakkoo kanaati. Yeroo, humnaa fi karaa itti hordoftu yoo argattellee, sagalee kee dhaga’amuu fi wantoota jaallattu hojiirra oolchuuf mufannaatu jira. Tarii waggootaaf dogongorri murtaa’e tokko akka furamu eegaa turtan ta’a, ykn amala addaa biraawzari keessatti bakka ammallee hin jirretti erguuf. Wanti ani jedhu daldaltoonni browser ni dhaggeeffatu. Ani qaama gareewwan gurmaa’insa qaxxaamuraa hedduu yeroo hunda mallattoolee misoomsitootaa fi yaada deebii irratti mari’annuudha. Maddoota yaada adda addaa hedduu ilaalla, kanneen keessaa tokkoon tokkoon gurguraa biraawzari irratti fi alaa/ummataa waltajjiiwwan, pirojektoota madda banaa, biloogii, fi qorannoo irratti. Akkasumas, yeroo hunda karaa fooyya’aa developers fedhii addaa fi haala itti fayyadama isaanii akka qooddatan uumuuf yaalaa jirra. Kanaafuu, yoo dandeessan, maaloo daldaltoota biraawzari irraa caalaatti gaafadhaa, akkasumas amaloota isin barbaachisan akka hojiirra oolchinu dhiibbaa nu godhaa. Yeroo akka fudhatu nan arga, akkasumas sodaachisaa ta'uu akka danda'u (gufuu ol'aanaa seensaa dubbachuu dhiisii), garuu ni hojjeta. Karaaleen muraasni sagalee kee (ykn dhaabbata kee) akka dhaga’amu gochuu dandeessu kunooti: Qorannoon waggaa waggaadhaan Haala JS, Haala CSS, fi Haala HTML fudhadhu. Akkaataa daldaltoonni biraawzari hojii isaaniif dursa kennan keessatti gahee guddaa qabu. Yoo API murtaa'aa istaandaardii irratti hundaa'e kan walfaana hojiirra ooluu barbaadde, irra deddeebi'uu pirojektii Interop itti aanu irratti yaada dhiyeessu. Yeroo dabalataa barbaada, garuu akkamitti Shopify fi RUMvision tarree hawwii isaanii Interop 2026 akka qooddatan ilaalaa.Odeeffannoon bal'aan akka kanaa daldaltoonni biraawzari dursa akka kennan baay'ee faayidaa qabaachuu danda'a. Hidhamtoota faayidaa qaban dabalataa kanneen gurgurtoota biraawzari irratti dhiibbaa uumuuf, Navigating the Web Platform Cheatsheet koo ilaalaa. Xumura Cufuuf, barreeffamni kun wantoota muraasa itti yaaddan akka isiniif dhiise abdiin qaba:
Masonry fi amaloota weeb biroo dhufaniif gammachuu. Amaloota weeb muraasa fayyadamuu jalqabuu barbaaddan. Koodii amala ykn qaama 3ffaa muraasa kanneen amaloota keessaa ijaaraman fayyaduudhaaf haquu dandeessa ta'a. Karaalee muraasa waan dhufu hordofuu fi daldaltoota biraawzari irratti dhiibbaa uumuu.
Kan caalu ammoo, faayidaa waltajjii weebsaayitii kana guutummaatti fayyadamuu akkan isin amansiise abdiin qaba.