Qaab-dhismeedka ugu wanaagsan ee furan CSS

In kasta oo websaydhada badankood ay ku hoos shaqeeyaan maamule maaddadeed, wax badan ayaa laga sheegaa doorbididda abuuritaanka bog laga soo bilaabo xoqidda. Iyo, si kastaba ha noqotee, maareeyayaasha mawduucyada sidoo kale waxay u baahan yihiin qof daryeela muuqaalkooda muuqaal. Qoraalkan waxaan dul mari doonnaa qaar ka mid ah aaladaha ugu wanaagsan ee lagu abuuri karo waraaqaha qaababka CSS.

Aynu bilowno bilowga. Waa maxay CSS?

Sidee ayuu noqon doonaa guriga riyadaadu? Ma lahaan lahayd hal ama laba dabaq? Ma jeclaan lahayd qolalka jiifka ee hoose iyo jikada xagga sare? Waa maxay sababta aan qolka jiifka loo dhigin qolka jiifka?

Oo markii la xalliyo, midabkee ayaad rinjiga ku rinjin lahayd qolalka? Dhagaxa hortiisa miyaad samayn lahayd?

Waxaan sameyn karnaa isbarbardhig u dhexeeya degel iyo guri. Dhinac ayaan ka haynaa qaab dhismeedka goobta iyo dhinaca kale muuqaalka.  Xaaladda, qaabdhismeedka waxaa lagu go'aamiyaa qorshe iyo muuqaalka muuqaalka iyadoo la daawanayo shaybaarka qurxinta.

CSS waa gaabinta loo yaqaan 'Cascading Style Sheets'.. Halka HTML loo adeegsado qaabeynta dukumiinti webka ah (qeexida waxyaabaha sida bogagga, cinwaannada iyo tilmaamidda goorta la dhexgalinayo sawirrada, fiidiyowga iyo warbaahinta kale) CSS waxay dejisaa qaabka qaabeynta bogga, midabada, iyo qaab qoraalka.

Iyadoo CSS waad qeexi kartaa qaabka shey kasta oo HTML ah. Elements waa shakhsiyaadka ka kooban HTML-ka ee bogga.

Go'yaal Style waxay noqon karaan dibedda, gudaha ama khadka tooska ah. Haddii aad rabto inaad dibedda u adeegsato, waa inaad u kaydisaa sida faylasha .css oo aad u sheegtaa faylka .html meesha laga helayo.

Qaabka gudaha, tilmaamaha waxaa lagu qoraa cinwaanka bogga gaarka ah .html. Tani waxay ka dhigeysaa bogga rarku inuu gaabis yahay oo wax ka beddelka uu ka sii dhib badnaanayo.

Iyada oo la adeegsanayo qaabka khadka tooska ah, qaab-dhismeedka qaab-dhismeedka bannaanka ayaa lagu martigaliyay server kale. Waxay si gaar ah ugu habboon yihiin markaan rabno inaan dhowr jeer isticmaalno.

Waa maxay qaab-dhismeedka CSS?

Qaab-dhismeedka CSS waa aalado ay adeegsadaan horumariyeyaasha adeegsadayaasha isticmaalaha si ay shaqadooda uga dhigaan kuwo dhaqso badan Halkii laga abuuri lahaa xalka xoqida markasta oo mashruuc cusub soo baxo, lqaabdhismeedyadu waxay siiyaan horumariyeyaasha qalabka si deg deg ah loogu abuuro is-dhexgal isticmaaleyaal la isku hagaajin karo lana socodsiin karo hadba sida loogu baahdo.

Erayo kooban, waxaan ku qeexi karnaa qaab-dhismeedyada sida ururinta xaashiyaha qaabka CSS ee loo diyaariyey loona diyaariyey in la isticmaalo xaaladaha kala duwan.

Waqtiga badbaadintu maahan faa iidada kaliya ee ka timaada adeegsiga qaabdhismeedka CSS. Iyaga oo isticmaalaya, naqshadaha ayaa loo qaabeeyey oo waxay u oggolaadaan horumariye inuu si fudud u akhriyo lambar kale oo horumariyaha ah.

Qaab-dhismeedka ugu wanaagsan ee furan CSS

Bootstrap

Sida ay isku sheegeenBootstrap waa midka ugu caansan qaab-dhismeedka HTML, CSS, iyo JS. Waxay ku habboon tahay qaabeynta moobiil-saaxiibtinimo (Mobile first) iyo bogag wax ka qabta.

Foundation

Waxay umuuqataa in dadka sameeya qaab dhismeedka aysan lahayn ayeeyo.
Foundation Waa lagu sifeeyey sida "Qaab-dhismeedka La-Qabsiga Adduunka ee ugu Casrisan"

Waa aalad waxtar u leh abuurista degellada iyo barnaamijyada websaydhka iyadoo xoogga la saarayo baahiyaha ganacsi. Facebook, eBay, Mozilla, Adobe, HP, Cisco, iyo Disney ayaa ka mid ah dadka isticmaala.

heli

heli waa qaab bilaash ah oo furan qaab CSS ah ku saleysan Flexbox oo ay adeegsadaan in ka badan 200.000 oo horumariyayaal ah.

Flexbox waxaa loogu talagalay inay gacan ka geysato qaybinta inta u dhexeysa alaabada ku jirta isdhexgalka iyo hagaajinta awooda isku xirnaanta. Flexbox waxay qaabeysaa qaabeynta hal cabbir oo keliya markiiba - ama saf ahaan ama tiir ahaan. Tani waxay ka duwan tahay qaabka laba-geesoodka ah ee CSS Grid Layout, oo wax ka qabta tiirarka iyo safaf isku mar ah.

Uantic Semantic UI

Uantic Semantic UI waa qaab dhismeed horumarineed in waxay ka caawisaa abuurista qaabab qurux badan oo jawaab celin leh iyadoo la adeegsanayo HTML-ku-habboonaanta aadanaha.

Qaab-dhismeedkani wuxuu ballan-qaadayaa inuu noo oggolaado inaan dhisno naqshado qurux badan oo leh in ka badan 3000 oo isbeddello mawduucyo ah iyo in ka badan 50 qaybood oo ah adeegsadaha isticmaalaha.

Waxay sidoo kale la midoobaysaa maktabado badan oo dhinac saddexaad ah, oo ay ku jiraan React, Angular, Meteor, ama Ember.