Ma rabtaa inaad abuurto bogag shabakad leh naqshad xirfad leh, jawaab celin leh oo soo jiidasho leh? Ma jeclaan lahayd inaad waqti iyo dadaal ku badbaadiso gudaha horumarinta dhamaadka hore ee mashaariicdaada? Markaa waxaad u baahan tahay inaad isticmaasho a Qaab dhismeedka CSS. Qaab dhismeedka CSS waa qalab ku siinaya xeerar hore loo sii qeexay, qaybo, iyo agab habayn oo aad ku dabaqi karto walxahaaga. HTML. Qaab dhismeedka CSS waxaad ku abuuri kartaa bogag shabakad leh qaab-dhismeed joogto ah oo la wanaajiyey, naqshadayn iyo shaqeyn.
Maqaalkan, waxaan ku sharxi doonaa waxa ay yihiin qaab-dhismeedka CSS, sida ay u shaqeeyaan, iyo faa'iidooyinka ay leeyihiin. Intaa waxaa dheer, waxaan doonayaa inaan ku tuso xulashada ah boggaga ugu fiican ee kan oo aad ka heli karto suuqa, oo leh astaamo, faa'iidooyin iyo khasaare. Diyaar, deji, horay u soco!
Si qoto dheer, waxa ay yihiin iyo waxa ay u yihiin
Qaab dhismeedka CSS waa qalab fududeeyo shaqada naqshadeynta shabakadda adiga oo ku siinaya saldhig kood oo aad isticmaali karto, wax ka beddeli karto, oo aad kordhin karto si baahiyahaaga ku habboon. Qaab dhismeedka CSS waxa uu ka kooban yahay laba qaybood oo waaweyn:
- Nidaamka xadhkaha goos gooska ah: Waa qaab dhismeed u kala qaybiya bogga shabakadda oo u kala qaybiya saf iyo tiirar ka samaysan unugyo la dhigo curiyayaasha. nidaamka grid waxay kuu ogolaaneysaa inaad abuurto naqshado jawaab celin leh taas oo la qabsanaysa xajmiga iyo jihaynta shaashadda.
- Umaktabad ka kooban: Waa ururinta walxaha naqshadaynta ee la sii dajiyay oo si toos ah loo isticmaali karo ama la beddeli karo. Qaybuhu waxay noqon karaan badhamada, menu-yada, foomamka, miisaska, kaadhadhka, iwm.
Si aad u isticmaasho qaab-dhismeedka CSS waa inaad kaliya soo deji ama ku xidh shabakadaada oo ku dar fasalada ama aqoonsiga u dhigma walxaha HTML ee aad rabto inaad qaabayso. Waxa kale oo aad isticmaali kartaa horudhac sida SASS ama LESS si aad wax uga bedesho doorsoomayaasha qaab-dhismeedka si ay ugu habboonaato dhadhankaaga.
Waa maxay faa'iidooyinka qaab-dhismeedka CSS?
Qaab dhismeedka CSS wuxuu leeyahay faa'iidooyin dhowr ah oo ka dhigaya kuwo aad u faa'iido u leh horumarinta shabakadda. Faa'iidooyinkan qaarkood waa:
- Waxay kaa badbaadiyaan waqti iyo shaqo adigoo iska ilaalinaya inaad xoqdo ku qorto CSS code ama ku celiso bog kasta. Qaabdhismeedka CSS waa inaad isticmaashaa fasallo ama tilmaameyaal waxaa bixiyay qaab-dhismeedka oo ku dabaq walxaha HTML-kaaga. Markaa waxaad abuuri kartaa bogag shabakad leh naqshad joogto ah oo isku mid ah adigoon ka walwalin tafaasiisha farsamada.
- Waxay dammaanad qaadayaan naqshad xirfadeed, joogto ah oo ku habboon heerarka shabakadda iyo daalacashada kala duwan. Qaab dhismeedka CSS waxaa naqshadeeyay khabiiro raacaya dhaqamada ugu wanaagsan iyo isbeddelada ugu dambeeyay ee naqshadeynta shabakada. Sidoo kale, qaab-dhismeedka CSS waa la tijaabiyay oo la hagaajiyays in ay si sax ah ugu shaqeeyaan daalacashada ugu caansan iyo qalabyada iyo xallinta kala duwan.
- Waxay ku siinayaa fursado iyo fursado badan oo kala duwan adigoo awood u leh inuu kala doorto qaabab kala duwan iyadoo ku xiran nooca, xajmiga iyo kakanaanta mashruuca. jira Qaab-dhismeedka CSS ee dhammaan dhadhanka iyo baahiyaha, laga bilaabo kan ugu fudud iyo kan ugu fudud ilaa kan ugu dhammaystiran uguna xoogga badan. Waxaad dooran kartaa qaabka ugu habboon mashruucaaga oo ku saleysan qaabka, shaqeynta, iyo habeynta aad rabto inaad gaarto.
Bootstrap
Bootstrap waa mid ka mid ah qaababka ugu caansan uguna badan ee suuqa. Waxaa soo saaray Twitter-ka waxaana loo sii daayay dadweynaha 2011. Gudaha xudunta waxaa ka mid ah HTML, SASS iyo JavaScript si loo siiyo hawlo iyo qaybo aad u xiiso badan.
Qaar ka mid ah faa'iidooyinka Bootstrap waa:
- Waa mid aad u fududahay in la isticmaalo iyo habayn.
- Leh a tayo weyn iyo kala duwanaansho naqshadayn iyo gooyn.
- Leh a waafaqid ballaaran oo leh qalab iyo qaabab kala duwan.
- Leh a kala duwan oo kala duwan ee fursadaha iyo hawlaha si aad u habayso naqshadahaaga.
Qaar ka mid ah khasaarooyinka Bootstrap waa:
- Waxay u baahan tahay isku xirka internetka si aad u gasho software-ka iyo maktabadda.
- Software-ku wuxuu noqon karaa mid gaabis ah ama aan degganayn aaladaha qaarkood.
- Alaabta asalka ahi waxay noqon kartaa xoogaa qaali ah.
heli
heli waa qaab-dhismeed casri ah oo fudud oo ku salaysan Flexbox. Waxaa la abuuray 2016 by Jeremy Thomas, horumariye Faransiis. Sifadeeda ugu weyni waa taas kaliya ku dar CSS, oo aan lahayn JavaScript ama ku tiirsanaanta dibadda.
Qaar ka mid ah faa'iidooyinka Bulma waa:
- Waa mid aad u degdeg badan oo fudud isticmaal.
- Leh a naqshad nadiif ah, ugu yar oo xarrago leh.
- Leh a dukumeenti wanaagsan iyo bulshada.
- Leh a iswaafajin wanaagsan oo leh browsers iyo qalab kala duwan.
Qaar ka mid ah dhibaatooyinka Bulma waxaa ka mid ah:
- Waxay leedahay qaybo yar iyo shaqeyns marka loo eego qaababka kale.
- Waxay leedahay qaabab iyo kheyraad yar la heli karo marka loo eego qaababka kale.
- Waxay leedahay habaynta iyo dabacsanaanta yar marka loo eego qaababka kale.
Tailwind CSS
Tailwind CSS waa qaab dhismeed cusub oo la beddeli karo oo ku salaysan fasallada tamarta. Waxaa sameeyay 2017-kii Adam Wathan, oo ah horumariye Canadian ah. Dabeecaddeeda ugu weyn waa inay kuu ogolaato samee qaybahaaga iyo qaababka iyada oo aan loo baahnayn in la beddelo kuwa caadiga ah.
Qaar ka mid ah faa'iidooyinka Tailwind CSS waa:
- Waa mid aad u awood badan oo dabacsan si loo abuuro naqshado gaar ah oo asal ah.
- Waxa ay leedahay nidaam xariijimo ah iyo kala dheerayn dareen leh oo hufan.
- Leh a is dhexgalka wanaagsan oo leh qalab sida SASS, PostCSS ama PurgeCSS.
- Leh a dukumeenti wanaagsan iyo bulshada.
Qaar ka mid ah khasaarooyinka Tailwind CSS waa:
- Leh a qalooca waxbarashada sare marka loo eego kuwa kale ee qaabkiisa.
- Leh a dheer, code soo noqnoqda marka loo eego qaababka kale.
- Leh a waafaqid aad u xaddidan oo leh qaar ka mid ah browser-yadii hore.
Naqshad leh oo kaliya ugu fiican
Maqaalkan waxaan kuugu sharaxay waxa ay yihiin Qaab dhismeedka CSS, sida ay u shaqeeyaan iyo faa'iidooyinka ay leeyihiin. Waxaan sidoo kale ku tusay xulashada kuwa ugu fiican ee aad u isticmaali karto mashaariicda shabakadaada: Bootstrap, Bulma iyo Tailwind CSS. Nidaamyadani waxay kuu oggolaanayaan inaad abuurto bogag shabakad leh naqshad xirfad leh, jawaab celin leh oo soo jiidasho leh.
Waxaan rajeyneynaa in maqaalkani uu faa'iido kuu lahaa oo lagugu dhiirigelinayo inaad tijaabiso qaab-dhismeedka CSS ee mashaariicdaaga shabakada. Waxaan hubnaa inaad ku guuleysan doonto natiijooyin xirfadeed oo qancin doona dhagaystayaashaada leh boggaga Shabakadda Qaab dhismeedka CSS waa qalab aad u wanagsan oo madadaalo leh oo kuu ogolaanaya inaad sameyso mashruucyo kale oo badan sida garaafyada, infographics, logosiwm. Hadda waxa hadhay oo dhan waa in aad guntiga dhiisha iskaga dhigto oo aad bilawdo naqshadaynta. Aynu tagno!