Muchinyorwa chedu chakapfuura tanga tatanga rondedzero yemafambisirwo anobatsira kana uchitsanangura kutaridzika kwewebhusaiti uchishandisa machira echitaera. Style machira anotibvumidza isu kudzora zvinhu senge zvakasiyana zvinhu zvewebhusaiti zvinofanirwa kumiririrwa pamidziyo yakasiyana.
Mitemo yekuchengeta mundangariro
flexbox: Iyo inochinja-chinja bhokisi modhi. imwe-dimensional yu dhizainiMaitiro ekubatsira kugovera iyo nzvimbo pakati pezvinhu mune interface nekuvandudza kuenderana kugona.
Izwi rekuti-dimensional rinoshandiswa kuratidza chokwadi chekuti flexbox inobata dhizaini mune imwechete chete panguva - ingava mutsara kana sekolamu.
CSS Grid Kurongwa (CGL): Zviri Maviri-mativi grid-yakavakirwa dhizaini dhizaini yakagadzirirwa kugadzira zvirinani mushandisi nzvimbo.
CGL inokutendera iwe kugovanisa peji munzvimbo huru kana matunhu, uye inoita kuti zvive nyore kutsanangudza hukama maererano nehukuru, chinzvimbo uye zvidimbu pakati pezvikamu zvechengetedzo yakavakwa kubva kuHTML yekutanga.
Nenzira imwecheteyo sematafura (nzira yaishandiswa mumazuva ekutanga ewebhu dhizaini) iyo grid dhizaini inokutendera iwe kuenzanisa zvinhu mumakoramu uye mitsara. Asi, kusiyana nezvinoitika nematafura, ine CSS grid akawanda marongero mazhinji anogoneka uye nenzira yakapusa.
Mamwe marongero eCSS
Yakachena CSS
Yakachena CSS iri hwaro Yakareruka uye inoteerera CSS yakagadzirwa neYahoo muna 2014. Inovakwa uchishandisa Normalize.css uye eIzvo zvinobatsira mukugadzira inoteerera dhizaini uchishandisa grid uye mamenu. Yakachena inopindura nekutadza, uye kusiyana neBootstrap, haibvumiri iwe kuti ugadzire marongero akagadziriswa.
UIKit
Zvinokurudzirwa senge flightweight uye modular ramework yekugadzira inokurumidza uye ine simba nzvimbo dzewebhu. Kunyangwe iri diki saizi, inokwanisa kupa ingangoita ese maficha eimwe mafomati.
Iwe unogona kugadzira yakapusa, yakachena uye modular yewebhu maficha neayo SVG icon yakatarwa, akawanda matunhu, kudavirira, akabatana masitaera, uye maitiro ekugadzirisa. Uye zvakare, iwe unogona zvakare kugadzira yakaoma flexbox-yakavakirwa marongero neiyo UI kit uchishandisa yakapusa HTML.
Mustard UI
Izvo zvakanaka kutanga. Zvikamu zvaro zvakakamurwa kuita ma module; Flexbox base grids, mabhatani, matafura, mafomu, uye makadhi.
Shongedza CSS
Mune ino kesi iri hwaro nokuti gadzira Chinyorwa Dhizaini maficha yakagadzirwa neGoogle
Iyo ndiyo yakakodzera nzira kune chero munhu anoda kugadzira mawebhusaiti kana webhu kunyorera kweApple nekuti inouya nemakirasi uye zvikamu kunze kwebhokisi. Iwe unogona kukurumidza kutanga kushandisa yavo yekutanga matemplate.
Shongedza CSS inoshandisa Bootstrap's 12-column grid fomati kuti iwe ugone kukurumidza kugadzira inoteerera peji marongero.
Tailwind CSS
Iye zvino tava kutauraIyo yakanyatsogadziriswa CSS chimiro. Kusiyana neBootstrap, iyo inogadzira generic rinotaridzika mushandisi interface, Tailwind inobvumira vanogadzira kuti vagadzirise zvigadzirwa uye vape iwo akasarudzika kutaridzika.
Mamiriyoni
Mune ino kesi isu zvakare tine minimalist fomati.
Pa2kb chete (yakamanikidzwa), Milligram se inokwanisa kupa yakakwana seti yewebhu yekuvandudza maturusi. Vashandisi vanogona zvakare kushandisa ese maficha anopiwa neCSS3 kududzirwa.
marangwanda
Anopindura uye mashoma masisitimu anoita kunge ese hasha. marangwanda ine mitsara mazana mana chete yekodhi.
Zvisinei, inokwanisa kutipa sarudzo dzakawanda dze grid, typography, mabhatani, mafomu, zvinyorwa, matafura uye kodhi iyo inogona kushandiswa kugadzira mawebhusaiti akaomarara.
Specter
Specter hwaro hunogona kubatsira inokurumidza uye inochinjika saiti yekugadzirwa nezvinhu zvakagadzirwa zvine hunyanzvi, typography yakanaka, uye zvigadzirwa zvakagadzirwa kare.
CSS pikiniki
Raibhurari iyi iyo inogona zvakare kushandiswa online, haisvike gumi kb kana yakamanikidzwa. Inopa mugadziri neCSS yakachena uye zvinowirirana zvikamu, zvinosanganisira grids, mafomu, matabhu, maturu ekushandisa, uye kunyevera. Iyo raibhurari inokubatsira iwe kugadzira inoteerera webhusaiti uye akanaka webhu kunyorera.
hwaro
Framework yakagadzirirwa kushandisa yakajeka uye shoma kodhi. Kunyangwe paine dhizaini yakapusa, ine simba kwazvo. Vagadziri uye vagadziri vanogona kuishandisa kugadzira mawebhusaiti uye webhu kunyorera zvinosangana newebhu zviyero uye yekutsvaga injini zvinoda.