Bootstrap 5: 3 store ændringer

Bootstrap 5: 3 store ændringer

Jeg har brugt Bootstrap for omkring 7 år nu, og i dette blog-indlæg, vil jeg grave i 3 grunde til, at jeg er begejstret for Bootstrap 5. Bootstrap var absolut det første CSS framework til at blæse mig bagover. Det åbnede en ny verden for mig. Jeg gik fra at bygge hjemmesider i flere dage, til at udarbejde designet på én dag. Siden da er der dukket mange CSS frameworks op såsom Semantic UI, Foundation og mange andre.

Jeg har prøvet flere af dem, men jeg vender altid tilbage til Bootstrap, det er hurtigt at lære, let og virker bare. Det opdateres ofte, og dokumentationen er let at forstå.

Bootstrap blev oprindeligt bygget af Twitter, de bruger det dog ikke på Twitter.com, men de bruger det på en masse interne projekter som Mark Otto fra Twitter nævner.

Da Bootstrap 5 er i beta i øjeblikket, og vi er virkelig tæt på at have det ud i produktion. Som titlen nævner, har jeg 3 meget specifikke grunde til, hvorfor jeg er så begejstret for denne version, som jeg gerne vil uddybe mere i de punkter nedenunder. Bootstrap 4 og tidligere versioner har brugt jQuery lige så lang tid som jeg husker og en masse funktionalitet virker ikke uden jQuery.

jQuery er et tredjeparts komponent, og det gør Bootstrap mere afhænig af jQuery for at holde deres bibliotek opdateret, før Bootstrap kan indføre nye funktioner. Dette problem er nu blevet elimineret da jQuery er væk.

Bør du opdatere til Bootstrap 5?

Det afhænger i høj grad af, hvad du vil bruge det til. Er det et privat projekt, hvor du ønsker at lære Bootstrap. Så bør du helt sikkert gå videre og prøve det, da det er fremtiden for Bootstrap. Jeg kan ikke anbefale dig at bruge Bootstrap 5 på dit produktions hjemmeside endnu. Hvis du vælger at bruge det, bør du være opmærksom på, at der vil være et væld af fejl, de er i gang med at rette i øjeblikket. Hvis du vælger at bruge det, bør du hjælpe dem med feedback, det vil vi alle drage fordel af og det får Bootstrap 5 i produktion hurtigere.

Vi vil gå ind i en fase meget snart, hvor vi vil se et væld af hjemmesider ændre deres Bootstrap version, men også på markedspladser som Themeforest. Det bliver meget interessant at se, hvor hurtigt folk tilpasser sig Bootstrap 5 og begynder at lave nye temaer ved hjælp af Bootstrap 5.

Årsag 1: jQuery er væk i Bootstrap 5

Endelig! jQuery er nu fortid hos Bootstrap. Dette vil gøre det til en lettere ramme at bruge, når du ønsker at bruge den fulde funktionalitet af Bootstrap. Bootstrap i deres officielle blog indlæg, nævner også, hvor meget det vil mindske loadings tiden, samt størrelse vil blive mindre. Udover at droppe jQuery, har de også i Bootstrap 5 forbedret deres javascript kodebase, som også er en del af den hurtigere indlæsningstid.
Grunden til, at jeg er så begejstret for denne enorme ændring er, når jeg bygger web apps. Hver gang du bygger webapps ved hjælp af Bootstrap, skal du altid lave færre justeringer for at få jQuery til at fungere korrekt, da det er et tredjepartsbibliotek, som du skal indlæse i dit projekt. Disse dage er forbi, og jeg kan ikke vente med at komme i gang med at bruge Bootstrap 5.

Årsag 2: Understøttelse af Internet Explorer er fjernet

Dette er en anden spændende grund for denne version af Bootstrap. Internet explorer har virkelig begrænset mulighederne for Bootstrap i lang tid. Internet explorer understøttes heller ikke længere af Microsoft. Vi ser browsere som Google Chrome, Firefox og Safari, og disse browsere understøtter funktioner som Internet Explorer ikke gør. Det betød at Bootstrap ikke kunne introducere disse funktioner tidligere, da de ville bugge i Internet Explorer.
Dette gør det muligt for Bootstrap at indføre lokale variabler, som vil gøre det endnu lettere for os at bruge Bootstrap. Forestil dig, at du har en farvepalet før denne opdatering, det ville tage noget arbejde at ændre i Bootstrap ved hjælp af denne farvepalet. Efter indførelsen af lokale variabler, vil det tage mindre end et minut. Det åbner op for et væld af andre muligheder, dette er blot en af dem.

Årsag 3: Endelig nye formularer

Bootstraps formularer har været de samme, så længe jeg husker. De har også været meget begrænsede i deres design på grund af Internet Explorer. Dette er også noget der skifter i denne version, som gør denne version endnu mere spændende.
Hvis du har brugt Bootstrap version 4 eller tidligere versioner, vil du blive begejstret for denne opdatering. Som du kan se på billedet nedenunder, har designet fået en enorm opgradering.

nye formularer

Hvad er dine tanker om den nye Bootstrap version?

subscribe to my newsletter

Modtag Software reiews

Jeg sender et nyhedsbrev hver uge med et software review hvor du kan drage fordel af det.

    Konklusion

    Jeg har brugt Bootstrap i mange af mine web apps som jeg har bygget gennem årene, og jeg kan ikke vente med at opdatere de forskellige web apps til Bootstrap 5.

    For at opsummere, er jeg virkelig begejstret for denne opdatering, og jeg kan ikke vente med at begynde at bruge Bootstrap 5. Hurtigere indlæsningstid, de nye funktioner og bedre dokumentation bidrager alt sammen til en helt ny verden inden for CSS frameworks. Jeg tror Bootstrap tog et stort skridt i den rigtige retning med denne opdatering.

    Det vil være fantastisk at se de fremtidige opdateringer til Bootstrap 5, og hvad de vil bringe. Det at fjerne jQuery har åbnet en helt ny verden af muligheder for Bootstrap. Jeg tror, vi vil se en endnu hurtigere version af Bootstrap i fremtiden, uden at mangle funktioner eller dokumentation.

    FAQ

    Er Bootstrap det hurtigste CSS framework?

    Nej, det er det ikke. Bootstrap har et væld af muligheder og funktioner, som gør det tungere end en masse letvægts CSS frameworks derude som Pure.css.

    Er Bootstrap det bedste CSS framework?

    Dette er et individuelt spørgsmål, da vi alle har forskellige behov, når det kommer til CSS frameworks. Men når du analyserer det en smule, kan du se, at meget forskellige analyser viser Bootstrap som den bedste og mest tilfredsstillende CSS framework.

    Hvad er forskellen mellem Bootstrap og CSS?

    Bootstrap er bygget oven på CSS, og vil ikke eksistere uden CSS. Bootstrap er et front-end framework, der gør det muligt at bygge hjemmesider med mindre CSS. Du kan med både CSS og bootstrap separat bygge hjemmesider.

    Er Bootstrap stadig relevant i 2021?

    Som du kan læse i denne artikel, kommer version 5. Bootstrap gør meget for at holde deres framework ajour. De tilføjer funktioner og gør det til et bedre framework.

    Posted by
    Phillip Stemann

    Jeg har arbejdet i webbranchen i over 10 år, og jeg har lavet alle fejlene, så du ikke behøver. Jeg er her for at hjælpe dig med ikke kun at optimere din hjemmeside, men også til at automatisere dine manuelle processer. Dette giver dig mulighed for at fokusere på det, du er god til. At vokse din virksomhed!