Edellisessä artikkelissamme olimme aloittaneet luettelo hyödyllisistä kehyksistä määriteltäessä verkkosivuston ulkoasua tyylitaulukoiden avulla. Tyylitaulukoiden avulla voimme hallita näkökohtia, kuten verkkosivuston eri elementtien on oltava edustettuina eri laitteilla.
Pidä mielessä olevat ehdot
flexbox: Se on joustava laatikkomalli. yksiulotteinen yu-muotoiluMenetelmä, joka auttaa jakamaan tilaa käyttöliittymän kohteiden välillä parantamalla kohdistusominaisuuksia.
Sanaa yksiulotteinen käytetään korostamaan sitä, että flexbox käsittelee asettelua vain yhdessä ulottuvuudessa kerrallaan - joko rivinä tai sarakkeena.
CSS-ruudukon asettelu (CGL): Se on Kaksiulotteinen ruudukkopohjainen suunnittelujärjestelmä, joka on kehitetty luomaan parempia käyttöliittymiä.
CGL: n avulla voit jakaa sivun pääalueille tai alueille, ja sen avulla on helppo määrittää suhde koon, sijainnin ja tasojen suhteen HTML-primitiivistä rakennetun ohjaimen osien välillä.
Ruudukkoasettelun avulla voit kohdistaa elementtejä sarakkeisiin ja riveihin samalla tavalla kuin taulukoiden kanssa (verkkosuunnittelun alkuaikoina käytetty menetelmä). Mutta toisin kuin taulukoiden kohdalla, CSS-ruudukolla on mahdollista tehdä paljon enemmän asetteluja ja yksinkertaisemmalla tavalla.
Joitakin muita CSS-kehyksiä
Puhdas CSS
Puhdas CSS on puitteet Kevyt ja reagoiva CSS, jonka Yahoo loi vuonna 2014. Se on rakennettu Normalize.css: n ja e: n avullaSe on hyödyllinen reagoivien mallien luomisessa ruudukoilla ja valikoilla. Pure on oletusarvoisesti reagoiva, ja toisin kuin Bootstrap, se ei salli sinun luoda kiinteitä asetteluja.
Käyttöliittymäpaketti
Sitä ehdotetaan kuin fkevyt ja modulaarinen kehys nopeaan ja tehokkaaseen verkkoliitäntään. Pienestä koostaan huolimatta se onnistuu tarjoamaan melkein kaikki muiden kehysten ominaisuudet.
Voit luoda yksinkertaisia, puhtaita ja modulaarisia verkkoliittymiä sen SVG-kuvakkeella, monilla komponenteilla, reagoivuudella, yhtenäisillä tyylillä ja mukautusvaihtoehdoilla. Lisäksi voit myös suunnitella monimutkaisia flexbox-pohjaisia asetteluja käyttöliittymäsarjan avulla yksinkertaisen HTML: n avulla.
Sinappi UI
Se on ihanteellinen aluksi. Sen komponentit on jaettu moduuleihin; Flexbox-pohjaverkot, painikkeet, taulukot, lomakkeet ja kortit.
Realisoi CSS
Tässä tapauksessa se on puitteet ja luoda materiaalisuunnittelurajapintoja kehittänyt Google
Se on sopiva vaihtoehto kaikille, jotka haluavat suunnitella verkkosivustoja tai verkkosovelluksia Androidille koska siinä on luokkia ja komponentteja heti pakkauksesta. Voit nopeasti aloittaa heidän aloitusmalliensa käytön.
Materialize CSS käyttää Bootstrapin 12 sarakkeen ruudukkomuotoa, jotta voit luoda nopeasti reagoivia sivun asetteluja.
Takatuulen CSS
Nyt puhummeSe on erittäin muokattava CSS-kehys. Toisin kuin Bootstrap, joka luo yleisen näköisen käyttöliittymän, Tailwind antaa kehittäjien muokata malleja ja antaa heille ainutlaatuisen ilmeen.
Milligramma
Tässä tapauksessa meillä on myös minimalistinen kehys.
Vain 2 kt (pakattu) milligrammaa se onnistuu tarjoamaan täydellisen joukon verkkokehitystyökaluja. Käyttäjät voivat myös käyttää kaikkia CSS3-määrityksen tarjoamia ominaisuuksia.
Luuranko
Reagoiva ja minimalistinen kehys näyttää olevan kaikki raivoa. Luuranko siinä on vain 400 koodiriviä.
Joka tapauksessa, pystyy tarjoamaan meille monia vaihtoehtoja ruudukoille, typografialle, painikkeille, lomakkeille, luetteloille, taulukoille ja koodille joita voidaan käyttää monimutkaisten verkkosivustojen luomiseen.
Peikko
Peikko on kehys, johon voi vaikuttaa nopeampi ja joustavampi sivuston luominen tyylikkäästi suunnitelluilla elementeillä, kauniilla typografialla ja valmiilla komponenteilla.
CSS-piknik
Tämä kirjasto jota voidaan käyttää myös verkossa, se ei saavuta 10 kt pakattuna. Tarjoaa kehittäjälle puhtaan CSS: n ja interaktiivisia komponentteja, mukaan lukien ruudukot, lomakkeet, välilehdet, työkaluvihjeet ja hälytykset. Kirjasto auttaa sinua luomaan reagoivan verkkosivuston ja kauniita verkkosovelluksia.
pohja
Puitteet kehitetty kevyellä ja vähäisellä koodilla. Yksinkertaisesta suunnittelustaan huolimatta se on erittäin voimakas. Kehittäjät ja suunnittelijat voivat luoda sen avulla verkkosivustoja ja verkkosovelluksia, jotka täyttävät verkkostandardit ja hakukoneiden vaatimukset.