Kornizat më të mira me burim të hapur CSS

Edhe pse shumica e faqeve të internetit funksionojnë nën menaxherin e përmbajtjes, ka shumë për të thënë në favor të krijimit të një portali nga e para. Dhe, gjithsesi, menaxherët e përmbajtjes gjithashtu kanë nevojë për dikë që të kujdeset për pamjen e tyre vizuale. Në këtë postim do të shqyrtojmë disa nga mjetet më të mira për krijimin e fletëve të stileve CSS.

Le të fillojmë në fillim. Çfarë është CSS?

Si do të ishte shtëpia e ëndrrave tuaja? A do të kishte një ose dy kate? A do të dëshironit dhomat e gjumit në katin e poshtëm dhe kuzhinën në katin e sipërm? Pse të mos vendosni vaskë në dhomën e gjumit?

Dhe sapo të zgjidhet, çfarë ngjyre do të pikturonit dhomat? A do ta bënit pjesën e përparme të gurit?

Ne mund të bëjmë një analogji midis një faqe në internet dhe një shtëpie. Nga njëra anë kemi struktura e faqes dhe nga ana tjetër aspekti vizual.  Në rastin, struktura përcaktohet me një plan dhe aspektin vizual duke parë mostrat e dekorimit.

CSS është shkurtesa për Cascading Style Sheets.. Ndërsa HTML përdoret për të strukturuar një dokument në internet (duke përcaktuar gjëra të tilla si faqet, titujt dhe duke treguar se kur duhet të vendosni imazhe, video dhe media të tjera) CSS përcakton stilin, ngjyrat dhe tipografinë e faqosjes së faqes.

Me CSS ju mund të përcaktoni stilin për secilin element HTML. Elementet janë përbërësit individualë të një faqe në internet.

Fletë stili ato mund të jenë të jashtme, të brendshme ose në internet. Nëse dëshironi t'i përdorni ato nga jashtë, duhet t'i ruani si skedarë .css dhe t'i tregoni skedarit .html ku t'i gjeni.

Në modalitetin e brendshëm, udhëzimet shkruhen në kokën e një faqe specifike .html. Kjo e bën ngarkimin e faqes më të ngadaltë dhe modifikimet më të komplikuara.

Me modalitetin online, fleta e jashtme e stileve pritet në një server tjetër. Ato janë veçanërisht të përshtatshme kur duam t'i përdorim disa herë.

Çfarë është një kornizë CSS?

Kornizat e CSS ato janë mjete të përdorura nga zhvilluesit e ndërfaqes së përdoruesit për ta bërë punën e tyre më të shpejtë. Në vend që të krijoni zgjidhje nga e para sa herë që del një projekt i ri, lkornizat u japin zhvilluesve mjetet për të krijuar shpejt ndërfaqe përdoruesi që mund të rregullohen dhe përsëriten sipas nevojës.

Me pak fjalë, ne mund të përcaktojmë kornizat si një koleksion i fletëve të stilit CSS që janë gati dhe gati për t'u përdorur në lloje të ndryshme të situatave.

Kursimi i kohës nuk është përfitimi i vetëm që vjen nga përdorimi i kornizave CSS. Duke i përdorur ato, dizajnet standardizohen dhe ato lejojnë që një zhvillues të lexojë me lehtësi kodin e një zhvilluesi tjetër.

Kornizat më të mira me burim të hapur CSS

Bootstrap

Sipas tyreBootstrap është më i popullarizuari i kornizave për HTML, CSS dhe JS. Isshtë ideale për dizajnimin e faqeve miqësore për celularë (Mobile për herë të parë) dhe të përgjegjshme.

Themel

Duket se njerëzit që bëjnë korniza nuk kanë një gjyshe.
Themel Shtë përshkruar si "Kuadri përshtatës më i përparuar i botës"

Isshtë një mjet i dobishëm për krijimin e faqeve të internetit dhe aplikacioneve në internet me theks në nevojat e biznesit. Facebook, eBay, Mozilla, Adobe, HP, Cisco dhe Disney janë ndër përdoruesit e tij.

gjej

gjej është një kornizë CSS me burim të lirë dhe të hapur bazuar në Flexbox dhe përdoret nga më shumë se 200.000 zhvillues.

Flexbox u krijua për të ndihmuar në shpërndarjen e hapësirës midis artikujve në një ndërfaqe dhe për të përmirësuar aftësitë e shtrirjes. Flexbox merret me paraqitjen vetëm në një dimension në të njëjtën kohë - ose si rresht ose si kolonë. Kjo është në kontrast me modelin dy-dimensional të Layout të Rrjetit CSS, i cili merret me kolonat dhe rreshtat në të njëjtën kohë.

UI semantike

UI semantike është një kornizë zhvillimi që ndihmon në krijimin e paraqitjeve të bukura dhe të përgjegjshme duke përdorur HTML-miqësore për njerëzit.

Kjo kornizë premton të na lejojë të ndërtojmë dizajne të bukura me më shumë se 3000 ndryshore tematike dhe më shumë se 50 përbërës të ndërfaqes së përdoruesit.

Ajo gjithashtu integrohet me shumë biblioteka të palëve të treta, duke përfshirë React, Angular, Meteor ose Ember.