Yeroo too'ataa tokko galchitu, buttooni ni mash goota, ulee sochoofta, triggers harkifta... akka developer tokkootti immoo tokkollee hin argitu. Browser’n fudhachaa jira, mirkanaa’aa, garuu lakkoofsa konsoolii keessatti galmeessaa yoo ta’e malee, hin mul’atu. Sun mataa dhukkubbii Gamepad API waliin ta’a. Waggootaaf kan ture yoo ta’u, dhugumatti humna guddaa qaba. Buttons, sticks, triggers, hojiiwwan dubbisuu dandeessa. Garuu namoonni baay’een hin tuqan. Maalif? Duub-deebii waan hin jirreef. Meeshaalee developer keessatti paanaalii hin jiru. To’ataan waan ati yaaddu illee hojjechaa jiraachuu isaa beekuuf karaan ifa ta’e hin jiru. Akka waan jaamaa balali'uutti namatti dhagahama. Sun meeshaa xiqqoo tokko ijaaruuf gahaa na dogoggore: Gamepad Cascade Debugger. Bu'aa konsolii ilaaluu mannaa, ilaalcha kallattiin, walqunnamtii too'ataa argatta. Waan tokko dhiibaa iskiriinii irratti deebii kenna. Akkasumas CSS Cascade Layers wajjin, akkaataawwan qindaa’anii turu, kanaaf sirreessuuf qulqulluudha. Barreeffama kana keessatti, maaliif too’attoota sirreessuun akkas dhukkubbii akka ta’e, akkamitti CSS qulqulleessuuf akka gargaaru, fi akkamitti pirojektoota mataa keetiitif sirreeffama mul’ataa irra deebi’amee fayyadamuu danda’u ijaaruu akka dandeessu sitti agarsiisa.
Hundaa isaanii galmeessuu yoo dandeessellee, daftee spam konsoolii hin dubbifamneen dhufta. Fakkeenyaaf: [0,0,1,0,0,0.5,0,...] jedhamuun beekama. [0,0,0,0,1,0,0,...] jedhamuun beekama. [0,0,1,0,0,0,0,...] jedhamuun beekama.
Button maal akka dhiibame beekuu dandeessaa? Tarii, garuu ija keessan erga dhiphitanii fi galtee muraasa erga dhabdee booda qofa. Kanaafuu, lakki, debugging yeroo galtee dubbisuu salphaatti hin dhufu. Rakkoo 3ffaa: Hanqina Caasaa Yoo mul'ataa saffisaa walitti darbattellee, akkaataawwan dafanii jeeqamuu danda'u. Haalli durtii, sochii, fi sirreeffama wal-irra bu'uu danda'a, caasaa ifa ta'e malee, CSS kee cabbii fi dheeressuuf rakkisaa ta'a. CSS Cascade Layers gargaaruu danda'a. Akkaataawwan gara “layers” kanneen dursa kennuudhaan tartiiba qabanitti garee godhu, kanaaf adda ta’uu loluu fi tilmaamu dhiista, “Maaliif akkaataan sirreeffama koo hin agarsiisu?” Kanaa mannaa, yaaddoo adda addaa qabaatta:
Bu’uura: Istaandardii too’ataa, bifa jalqabaa. Sochii: Qabduu dhiibamee fi uleewwan socho'aniif calaqqisiisa. Debug: Overlays developers (fkn, dubbisa lakkoofsaa, qajeelfamoota, fi kkf).
Osoo akkaataa kanaan CSS keessatti laayiyeroota hiiknee, ni qabaanna: /* dursa gadi aanaa hanga olaanaa */ @bu'uura laayibarii, socho'aa, sirreeffama;
@bu'uura laayibarii { . /* ... */ } .
@layer socho'aa { . /* ... */ } .
@layer sirreessuu { . /* ... */ } .
Tokkoon tokkoon laayibarii akka tilmaamaatti waan tuulamuuf, yeroo hunda seera kamtu akka mo'atu beekta. Tilmaamni sun sirreessuu salphaa qofa osoo hin taane, qabatamaan akka bulfamuu danda'u taasisa. Rakkoo (galtee hin mul’anne, jeequmsa qabu) fi mala (sirreeffama mul’ataa Cascade Layers tiin ijaarame) uwwifneerra. Amma adeemsa tartiiba tartiiba debugger ijaaruuf deemna. Yaad-rimee Debugger Galteen dhokataa akka mul'atu gochuuf karaan salphaan iskiriinii irratti kaasuun qofa. Debugger kun waan kana hojjeta. Buttons, triggers, fi joysticks hundi isaanii mul'ata argatu.
Dhiibbaa A: Geengoon tokko ni ibsa. Ulee sana dhiibuu: Geengoon naannootti ni siqxa. Trigger walakkaa harkisi: Barri tokko walakkaa guuta.
Amma 0 fi 1 ijaan ilaalaa hin jirtu, garuu dhugumatti too’ataan deebii kennuu kallattiin ilaalaa jirta. Dhugaadha, erga haalawwan akka durtii, dhiibame, odeeffannoo sirreeffamaa, tarii haalata waraabbii illee irratti tuuluu jalqabdee booda, CSS guddaa fi walxaxaa ta'uu jalqaba. Sana keessaa laayibaroonni kaskaadii faayidaarra oolchu. Fakkeenyi uffata irraa baafame kunooti: @bu'uura laayibarii { . .button { . duubbee: #222; daangaa-raadiyaasii: 50%; bal'inni: 40px; olka’iinsa: 40px; } . } .
@layer socho'aa { . .button.dhiibame { . duubbee: #0f0; /* magariisa ifaa */ . } . } .
@layer sirreessuu { . .button::booda { . qabiyyee: attr(gatii-deetaa); guddina qubee: 12px; halluu: #fff; } . } .
Tartiiba laayibarii dhimma qaba: bu'uura → socho'aa → sirreeffama.
bu'uurri too'ataa harkisa. active handles haalawwan dhiibaman. debug darbata overlays irratti.
Akkasitti caccabsuun waraana addaa addaa (weird specificity wars) hin lolu jechuudha. Tokkoon tokkoon laayibarii bakka isaa qaba, yeroo hunda maaltu akka mo'atu ni beekta. Ijaaruun Bahee Mee dursinee waan tokko iskiriinii irratti haa galchinu. Gaarii fakkaachuu hin barbaachisu — jiraachuu qofa waan qabuuf waan ittiin hojjennu qabna.
Sirreeffama Kaaskeedii Tapha
