De bedste open source CSS-rammer

Selvom de fleste hjemmesider kører under en content manager, er der meget at sige til fordel for at skabe en portal fra bunden. Og alligevel har indholdsadministratorer også brug for nogen til at tage sig af deres visuelle aspekt. i dette indlæg Lad os gennemgå nogle af de bedste værktøjer til at skabe CSS-typografiark.

Lad os starte fra begyndelsen. Hvad er CSS?

Hvordan ville dit drømmehus være? Ville den have en eller to etager? Kunne du tænke dig værelserne nedenunder og køkkenet ovenpå? Hvorfor ikke sætte badekarret i soveværelset?

Og når det er løst, hvilken farve vil du så male rummene? Ville du lave fronten af ​​sten?

Vi kan lave en analogi mellem en hjemmeside og et hus. På den ene side har vi stedets struktur og på den anden side det visuelle aspekt.  I tilfældet bestemmes strukturen med en plan og det visuelle aspekt ved at se på dekorationsprøver.

CSS er forkortelsen for Cascading Style Sheets.. Mens HTML bruges til at strukturere et webdokument (der definerer ting som sider, overskrifter og angiver, hvornår billeder, video og andre medier skal indlejres) CSS indstiller sidelayoutstil, farver og typografi.

med css stil kan defineres for hvert HTML-element. Elementer er de individuelle HTML-komponenter på en webside.

stilark kan være eksternt, internt eller online. Hvis du vil bruge dem eksternt, skal du gemme dem som .css-filer og fortælle .html-filen, hvor de skal findes.

I den interne tilstand skrives instruktionerne i overskriften på en specifik .html-side, hvilket gør indlæsningen af ​​siden langsommere og ændringerne mere komplicerede.

Med online-tilstand hostes det eksterne typografiark på en anden server. De er især velegnede, når vi vil bruge dem flere gange.

Hvad er en CSS-ramme?

CSS rammer De er værktøjer, der bruges af brugergrænsefladeudviklere til at fremskynde deres arbejde. I stedet for at skabe løsninger fra bunden, hver gang et nyt projekt dukker op, har hanFrameworks giver udviklere værktøjer til hurtigt at skabe brugergrænseflader, der kan justeres og gentages efter behov.

Med få ord kan vi definere rammerne som en samling af CSS style sheets, der er grundet og klar til brug i forskellige slags situationer.

At spare tid er ikke den eneste fordel ved at bruge CSS-rammer. Ved at bruge dem bliver designs standardiseret og give en udvikler mulighed for nemt at læse en anden udviklers kode.

De bedste open source CSS-rammer

Bootstrap

ifølge dem selvBootstrap er den mest populære af rammerne til HTML, CSS og JS. Den er ideel til at designe mobilvenlige (Mobile first) og responsive websteder.

Foundation

Det ser ud til, at de mennesker, der laver rammer, ikke har en bedstemor.
Foundation Det er beskrevet som "den mest avancerede adaptive ramme i verden"

Det er et nyttigt værktøj til at skabe websteder og webapplikationer. med vægt på forretningsbehov. Facebook, eBay, Mozilla, Adobe, HP, Cisco og Disney er blandt dets brugere.

Bulma

Bulma er en gratis og open source CSS-ramme baseret på Flexbox og brugt af mere end 200.000 udviklere.

Flexbox er designet til at hjælpe med at fordele plads mellem grænsefladeelementer og forbedre tilpasningsmulighederne. Flexbox håndterer kun layout i én dimension ad gangen - enten som en række eller som en kolonne. Dette er i modsætning til den todimensionelle model af CSS Grid Layout, som styrer kolonner og rækker på samme tid.

Semantisk brugergrænseflade

Semantisk brugergrænseflade er en udviklingsramme, der hjælper med at skabe smukke og responsive layouts ved hjælp af menneskevenlig HTML.

Denne ramme lover at give os mulighed for at bygge smukke layouts med sine 3000+ temavariabler og 50+ UI-komponenter.

Det integreres også med mange tredjepartsbiblioteker, inklusive React, Angular, Meteor eller Ember.