ʻO ka hoʻohanaʻana i ke kumumanaʻo e kūkulu i ka hopena mua o kāu pūnaewele he nui nā mea maikaʻi (a he maʻalahi hoʻi i ka holo!). E hoʻokuʻi i ka pae mua o ka hopena a me ke kumu e noʻonoʻo aiʻoe i ka hoʻokomoʻana iā lākou i kāu hana hoʻolālā pūnaewele.
Ke Kānāwai Kū'ē
Ua kapaʻiaʻo "CSS kumu",ʻo kēia nā pūnaewele i kākauʻia i ka wā i kākau muaʻia, nā kānāwai kaulike i nā waihona a me nā waihona. Hāʻawi lākou i kahi kumu e kūkulu ai i ka wā eʻae ana i ka hoʻololi me ka hoʻolālā hope loa. ʻO ka maʻamau, nāʻaoʻao ma mua o nāʻaoʻao:
- He mākaʻina e maʻalahi ai ka hoʻonohonohoʻana i nā mākau hoʻolālā o kāu pūnaewele
- Nāʻano laulā a me ke kelepona i hoʻohālikeʻia ma muli o kāna hana (likeʻole ka heluʻano no nā pane e pili ana i nā palaka, a me nā mea'ē aʻe)
- Nā pūnaewele pūnaewele i kūkulu muaʻia e like me nā paneliʻaoʻao, nā pihi, a me nā kī koho
Ma muli o ke kūlana kūʻokoʻa āu i koho ai,ʻoi aku ka nui o nā mea i hiki iā lākou.
No ke aha e hoʻohana ai i hoʻokahi
Nui nā kumu kūpono e hoʻohana ai i kahi hoʻolālā mua ma mua o ka hoʻomakaʻana i kāu palapala a pau mai ka'ōpala:
- E mālama i ka manawa! ʻIke loa, ināʻoe e kākau nei i kēlā me kēia laina o ke code iaʻoe iho, e hele lōʻihi ana ka hōʻoiʻana i kāu pūnaewele. Hiki i nā pākuhi ke kōkua iāʻoe e hoʻomaka me nā kumu.
- Hoʻohui i nā mea hou iʻole e loaʻa iāʻoe. He maikaʻi loa ia i ka loaʻaʻana o ka koho e pākiʻi i kahi kī pālua aʻelua paha me ka hanaʻoleʻana i kahi hanana hou noʻoe iho.
- E hoʻomaopopo pono i ka hana o nā palapala. Ma mua o ka lōʻihi o ka manawa e kākau i kāu 'ano kiko'ī wale nō eʻike aiʻaʻole pono ia (aʻaʻole hiki ke launa pū me 60% o nā pūnaewele pūnaewele), eʻikeʻoe e hoʻohana neiʻoe i ka wae mua i ho'āʻoʻia, wae hana.
Ma mua o ka neʻeʻana, makemake wau e hoʻomākāka i ka peheaʻole e hoʻohana ai i nā hoʻolālā mua! ʻO ka hanaʻana iā lākou ma keʻano he pani pani no ka loaʻaʻana o nā loea hana kūkulu i ke kānāwai,ʻaʻoleʻoe e makemake. Eʻike mua i ka HTML a me CSS, a laila hiki iāʻoe ke hoʻomaka i ke alahaka. E hana i kāu kulekele ma keʻano he kōkua,ʻaʻoleʻo kahi kīʻaha.
Nā Kūlana o nā Pāʻali Kū'ē
ʻAʻole i hoʻokumuʻia nā hoʻolālā CSS i like, no laila e hoʻomaopopo e hana i kāu noiʻi e pili ana i kahi meaʻoi aku i kūpono i kāu mau mea kū hoʻokahi. Eia kahi māhele wikiwiki o nā lunaʻelima:
- Bootstrap:ʻO ka mea kaulana loa ma laila. Loaʻa nā hoku o Github a me ka nui o nā kumuwaiwai e paneʻia kāu mau pane. ʻO kekahi o nā mea maʻalahi ke hoʻohana, akā'ōleloʻia kekahi he "Bootstrap" loa.
- Foundation: Hāpai i ka nui o ka loli a me ka hiʻona. He maikaʻi no ka poʻe iʻike i ka hoʻolālā mua a me keʻano e uhi i nā kumu i ka mālamaʻana i ka mana o ka mana hana.
- Stylus: Ka'ōlelo Expressive a me ka inoa CSS. Hiki ke hoʻohana waleʻia kēia anga i nā noi Node.js.
- UI Semantic: Kūkomo,ʻike, a hoʻolilo i ka debugging i kāu leka maikaʻi a me ka maʻalahi. Hāʻawi iāʻoe i ka nui o ke kūʻokoʻa hoʻolālā a hoʻololi i kou mau pono.
- UI Kit: Ka papa hana e hoʻohana ai inā makemakeʻoe i ka hoʻolālāʻana i nā polokalamu iOS. Loaʻa i kahiʻano maʻalahi e maʻalahi ai ka hoʻomohalaʻana i kāuʻike pūnaewele.
Ka Hopena
He mau mea kōkua kūpono nā papahana no ka hoʻolālā mua, akā, inā heʻoihana kāu e kūkulu pinepine ai i kēlāʻaoʻao. Hāʻawi lākou iāʻoe e hoʻolōʻihi i kāu baila a hoʻonui i kāu huahana me ka mōhaiʻole o ka maikaʻi a iʻole ka hana, oiai e waiho ana ka puka puka no kahi hiʻohiʻona kūʻokoʻa. E hoʻomanaʻo wale i ka hoʻohanaʻana iā lākou i mea hana e kōkua ai i kou mau akamai,ʻaʻoleʻo ia heʻano eʻoki ai i nā kihi-a e hauʻoli hoʻi!