Mā te whakamahi i te anga ki te hanga i to mua o to paetukutuku, he maha nga painga (me te tino ngawari ki te whawhai!). Me tirotirohia he aha nga waahanga o mua me te aha e whakaaro ai koe kia whakauruhia ki roto i to mahi whakawhanaketanga tukutuku.
Tae Whakamutunga
Kei te kiia ano ko "CSS", he kohinga kei roto i mua i tuhia, he raupapa paerewa i roto i nga kōnae me nga kōpaki. Ka hoatu e koe he turanga ki a koe hei hanga i runga i te tuku tonu ki te hoahoa me te hoahoa whakamutunga. Ko te nuinga o nga waahanga e whai ake nei:
- He mahinga hei hanga i te mea ohie ki te whakarite i nga kaupapa hoahoa o to paetukutuku
- Ko nga momo momotuhi kua tautuhia, me te rahi e rereke ana i runga i tana mahi (te tuhi rereke mo nga pane me nga paraka, me etahi atu)
- Nga waahanga o mua o te paetukutuku me nga panui taha, nga paoho, me nga tarai whakatere
I runga i te angamahi motuhake e tohua ana e koe, kei te nui ake te waa e taea ana e raatau.
He aha te whakamahi i tetahi
He maha nga take pai ki te whakamahi i te anga-mua i mua atu i te timata i to waehere katoa mai i te pakaru:
- Tiakina te wa! Ko te tikanga, mehemea kei te tuhi koe i nga rarangi raupapa katoa o koe, ka nui te roa o te whakarewa i to paetukutuku. Ka taea e nga angamahi te awhina i a koe ki nga kaupapa.
- Tāpirihia ētahi atu wāhanga kaore pea koe e whai. He pai tonu ki te whai i te kōwhiringa ki te pokanoa i tetahi atu patene, e rua ranei, me te kore e hanga he raruraru atu maau ake.
- Kia tino mohio nga mahi waehere. Engari kaua e nui te wa e tuhi ana i to ake ake waehere kia mohio ai kaore e mahi (kaore hoki e pai ana ki te 60% o nga kaituhi tukutuku), ka mohio koe kei te whakamahi koe i te waehere i mua i te whakamatautau, i te mahi.
I mua i te haere i runga, ka hiahia ano ahau ki te whakamarama me pehea e kore ai e whakamahi i nga hanganga o mua! Ko te mahi ki a ratau hei whakakapi mo te hanga i nga pukenga ture kaore e pai ki a koe. Kia mohio ki te HTML me te CSS tuatahi, ka taea e koe te tīmata ki te whakamahi i nga pokatata. Whakamahia to angamahi hei kaihauturu, kaua he putea.
Nga tauira o te Whakaaetanga Whakamua-Whakamutunga
Kaore i hangahia nga hanganga CSS katoa kia rite, na kia mohio koe ki te mahi i to rangahau ko wai te mea e pai ana mo o hiahia ahurei. Anei he tirohanga tere o nga topima e rima:
- Bootstrap: Ko te tino rongonui i reira. Kei a Github nga whetu o nga whetu me te maha o nga rauemi hei whakautu i au patai. Ko tetahi o ngawari ake ki te whakamahi, engari etahi e mea ana he ahua "Bootstrap" tino rereke.
- Kaupapa: Ka whakarato i te roanga o te tere me te whakaritenga. He pai mo te hunga e mohio ana ki te whakawhanaketanga o mua, me te rite ki te hipoki i nga kaupapa, me te pupuri i te maha o te mana auaha.
- Stylus: Reo Express CSS me te tino pukupuku. Ka taea anake te whakamahi i tenei anga ki nga tono Node.js.
- UI Semantic: Kotahi, maama, me te hanga i to raatau waehere me te ngawari. Ka whakarato koe i te maha o te waatea o te hoahoa me te urutau ki o hiahia.
- UI Kit: Ko te anga ki te whakamahi ki te hiahia koe ki te whakawhanake i nga taupānga iOS. Kei a ia he momo ritenga e tino maatau ai te whakawhanake i to tirohanga ake o to pae.
Whakamutunga
Ko nga taputapu ko nga taputapu tino awhina mo te hoahoa o mua, ina koa he mahi koe kei hea koe e whakawhanake ana i tera taha. Ka tuku koe ki te tere ake i to mahimahi me te whakanui i to hua me te kore e whakaeke i te kounga me te mahi, i te wa e tuwhera ana te tatau mo tetahi ahua ahurei, ahurei. Kia mahara ki te whakamahi hei taputapu hei awhina i o raatau pukenga, ehara i te huarahi hei tapahi i nga kokonga-me te koa!