De beste open source CSS-rammene

Selv om de fleste nettsteder kjører under en innholdsansvarlig, er det mye å si for å opprette en portal fra bunnen av. Og uansett, innholdsadministratorer trenger også noen som tar vare på det visuelle utseendet. I dette innlegget vi skal gå over noen av de beste verktøyene for å lage CSS-stilark.

La oss starte i begynnelsen. Hva er CSS?

Hvordan ville drømmehuset være? Ville den ha en eller to etasjer? Vil du ha soverommene nede og kjøkkenet oppe? Hvorfor ikke legge badekaret på soverommet?

Og når det er løst, hvilken farge vil du male rommene? Vil du lage fronten av stein?

Vi kan lage en analogi mellom et nettsted og et hus. På den ene siden har vi nettstrukturen og på den annen side det visuelle aspektet.  I tilfelle bestemmes strukturen med en plan og det visuelle utseendet ved å se på dekorasjonsprøver.

CSS er forkortelsen for Cascading Style Sheets. Mens HTML brukes til å strukturere et nettdokument (definerer ting som sider, overskrifter og indikerer når bilder, video og andre medier skal legges inn) CSS angir sidelayoutstil, farger og typografi.

Med CSS du kan definere stilen for hvert HTML-element. Elementer er de enkelte HTML-komponentene på en webside.

Stilark de kan være eksterne, interne eller online. Hvis du vil bruke dem eksternt, må du lagre dem som .css-filer og fortelle .html-filen hvor du finner dem.

I intern modus skrives instruksjonene i overskriften på en bestemt .html-side. Dette gjør at sidelastingen blir tregere og endringene mer kompliserte.

I online-modus er det eksterne stilarket vert på en annen server. De passer spesielt godt når vi vil bruke dem flere ganger.

Hva er et CSS-rammeverk?

CSS-rammer de er verktøy som brukes av brukergrensesnittutviklere for å gjøre arbeidet sitt raskere. I stedet for å lage løsninger fra bunnen av hver gang et nytt prosjekt dukker opp, lrammeverk gir utviklerne verktøyene for raskt å lage brukergrensesnitt som kan justeres og gjentas etter behov.

Med noen få ord kan vi definere rammer som en samling CSS-stilark som er klare og klare til bruk i forskjellige slags situasjoner.

Sparing av tid er ikke den eneste fordelen ved å bruke CSS-rammer. Ved å bruke dem standardiseres designene og de lar en utvikler enkelt lese en annen utviklerkode.

De beste open source CSS-rammene

Bootstrap

I følge dem selvBootstrap er den mest populære av rammene for HTML, CSS og JS. Det er ideelt for å designe mobilvennlige (mobile først) og responsive nettsteder.

Fundament

Det ser ut til at folk som lager rammer ikke har bestemor.
Fundament Det er beskrevet som "Verdens mest avanserte adaptive ramme"

Det er et nyttig verktøy for å lage nettsteder og webapplikasjoner med vekt på forretningsbehov. Facebook, eBay, Mozilla, Adobe, HP, Cisco og Disney er blant brukerne.

finne

finne er et gratis og åpen kildekode CSS-rammeverk basert på Flexbox og brukt av mer enn 200.000 XNUMX utviklere.

Flexbox ble designet for å hjelpe til med å distribuere rommet mellom elementene i et grensesnitt og forbedre justeringsfunksjonene. Flexbox håndterer layout i bare en dimensjon av gangen - enten som en rad eller som en kolonne. Dette er i motsetning til den todimensjonale modellen til CSS Grid Layout, som håndterer kolonner og rader samtidig.

Semantisk brukergrensesnitt

Semantisk brukergrensesnitt er en utviklingsramme som hjelper til med å lage vakre og responsive layouter med brukervennlig HTML.

Dette rammeverket lover å la oss bygge vakre design med sine mer enn 3000 tematiske variabler og mer enn 50 brukergrensesnittkomponenter.

Den integreres også med mange tredjepartsbiblioteker, inkludert React, Angular, Meteor eller Ember.