CSS Qurxiye & Yareeye

Dib u habee CSS-ka qasan si aad u akhrido, ama u yaree si aad u dirto — adoo adeegsanaya hab badbaado leh oo aan marna dib u habayn ku samaynayn xeerarkaaga.

Fogaanta xariiqda
Isku-bixin
Ku dheji ama ku qor CSS si aad u qurxiso ama u yarayso.

CSS-kaaga waxaa lagu qaabeeyaa laguna yareeyaa biraawsarkaaga dhexdiisa. Waxba looma rorayo BroBroGo.

Su'aalaha badanaa la isweydiiyo

Waa maxay ku kala duwanaanshaha u dhexeeya qurxinta (beautify) iyo yaraynta (minify)?

Qurxinta (Beautify) waxay dib u habaysaa xariiqyada iyo fogaanta qaababkaaga si ay u fududaato akhriskooda iyo wax-ka-beddelkoodu. Yaraynta (Minify) waxay samaysaa caksigeeda — waxay tirtirtaa meelaha banaan iyo faallooyinka uusan biraawsarku u baahnayn waxayna gaabisaa qiyamka sida midabada, si feylku u yaraado oo uu dhakhso ugu roranto. Qurxi inta aad shaqaynayso, yareyna ka hor intaadan daabicin.

Maxay qabtaan dejimaha isku-bixinta ee Safe (Badbaado) iyo Optimized (La hagaajiyey)?

Habka badbaadada leh (Safe) wuxuu kaliya tirtiraa meelaha banaan iyo faallooyinka wuxuuna gaabiyaa qiyamka, isagoo xeer kasta uga tagaya halkii aad ku qortay. Habka la hagaajiyey (Optimized) wuxuu aadaa meel ka fog isagoo isku daraya xulayaasha iyo xeerarka isku midka ah si feylku u yaraado — wuxuu dib u habayn karaa xeerarka, sidaas darteed xaashiyaha qaabka ee ku tiirsan nidaamka asalka ah waxaa habboon in si degdeg ah loo hubiyo ka hor intaan la daabicin. Faallooyinka loo calaamadeeyay /*! … */ waa la hayaa labada habba.

Miyaa yarayntu beddeli doontaa sida boggeygu u muuqdo?

Habka Safe (Badbaado) dhexdiisa, maya — qaababkaagu waxay u soo baxayaan si sax ah oo isku mid ah. Wuxuu soo koobaa meelaha banaan, wuxuu tuuraa faallooyinka caadiga ah wuxuuna dib u qoraa qiyamka isagoo adeegsanaya qaabab u dhigma oo ka gaaban (sida #ffffff oo loo beddelo #fff), marna ma beddelo horgalayaasha iibiyahaaga ama naxwaha casriga ah. Habka Optimized (La hagaajiyey) wuxuu kaloo isku daraa xeerarka, taas oo u muuqata mid isku mid ah ku dhowaad xaashi qaabeed kasta laakiin waxaa habboon in la xaqiijiyo haddii kaagu ku tiirsan yahay nidaamka xeerarka.

HTML Qurxiye & YareeyeDib u habee HTML-ka isku dhex darsamay si aad u akhrido, ama u yaree si aad u dirto — iyadoo la raaciyey hubinta ikhtiyaariga ah ee calaamadaha jabsan.SVG HagaajiyeNadiifi koodka SVG oo yaree adigoon beddelin garaafka.JavaScript Qurxiye & YareeyeDib u habee JavaScript-ka la yareeyey ama la qariyey si aad u akhrido, ama u yaree koodkaaga si aad u dirto isagoo ka yar.Xisaabiyaha CSS clamp()Geli cabbir loogu talagalay shaashadaha yaryar iyo kuwa waaweyn si aad u hesho qiimo dabiici ah oo clamp() ah oo si habsmooth ah ugu dhex miisaamaya — ee cabbirrada farta, padding, margins ama gaps.Dhaliyaha GradientDhis gradient linear, radial, ama conic ah, ku dar istaagyada midabka oo dejiso jihada, ka dibna ku koobiyeey CSS-ka hal gujin.Dhaliyaha Box ShadowJiid jiidadaha si aad u qaabayso box-shadow, isku dul radd lakabyo si aad u hesho qoto-dheer, oo si degdeg ah u koobiyeey CSS-ka dhammaaday.Beddelaha MidabkaU beddel midabada HEX, RGB, HSL, HSV, CMYK iyo LAB — wax ka beddel goob kasta oo inta kale ayaa cusboonaysiismaya markaad gasho.Qaabeeyaha JSONQaabee, xaqiiji oo si degdeg ah u soo koob JSON.