CSS-ramme

Den aktuelle version af siden er endnu ikke blevet gennemgået af erfarne bidragydere og kan afvige væsentligt fra den version , der blev gennemgået den 12. maj 2016; checks kræver 22 redigeringer .

CSS-framework er et framework skabt for at forenkle arbejdet for en layoutdesigner , fremskynde udviklingen og eliminere det maksimalt mulige antal layoutfejl ( kompatibilitetsproblemer mellem forskellige browserversioner osv .). Ligesom biblioteker af scripting programmeringssprog , CSS -biblioteker, normalt i form af en ekstern css-fil, er "forbundet" til projektet (føjet til overskriften på websiden). Mere funktionsrige rammer har også flere JavaScript-baserede funktioner og ekstramateriale, men er for det meste designorienterede og fokuserer på interaktive UI-mønstre. Denne detalje adskiller CSS-frameworks fra andre JavaScript-frameworks.

Fordele

Tillader en programmør eller designer, der er uerfaren i layoutets forviklinger, at oprette et HTML - layout korrekt.
Layout baseret på lag, ikke tabeller.
Hurtigere udvikling.
Crossbrowser-kompatibilitet .
Evne til at bruge kodegeneratorer [1] og visuelle editorer .
Ensartetheden af koden, når du arbejder i et team, giver dig mulighed for at reducere antallet af uenigheder under udvikling.

Ulemper

Biblioteker kan være meget "oppustede" - der kan være en masse ekstra kode, som ikke bliver brugt i projektet.
Designet vil afhænge af css-biblioteket.
Behovet for at tilføje flere klasser til et enkelt element overtræder princippet, som CSS blev oprettet for: adskillelsen af beskrivelser af struktur og udseende.

Forskelle

Nogle biblioteker [2] bruger stil-nulstillinger ( reset.css ) for at matche standardstilene på tværs af browsere, mens andre [3] bruger normalisering ( Normalize.css ) for at reducere mængden af initial bibliotekskode.

CSS bibliotekstyper

På grund af de nævnte mangler er brugen af CSS-biblioteker kontroversiel i det professionelle samfund. Det førte også til fremkomsten af forskellige typer CSS-biblioteker. Konventionelt kan der skelnes mellem to typer: Omfattende og begrænset. En tredje mulighed ville være at udvikle dit eget bibliotek [4] . Denne mulighed foretrækkes af de fleste udviklere, da den giver fordelene ved en tilpasset løsning og reducerer det negative ved at være afhængig af tredjepartsbiblioteker.

Omfattende CSS-biblioteker

Denne type bibliotek forsøger at dække de fleste af de ting, en udvikler kan have brug for. Denne type inkluderer biblioteker, der inkluderer CSS til layout og nulstilling (eller en form for ramme).

Begrænsede CSS-biblioteker

Som navnet antyder, dækker denne type bibliotek kun en begrænset række behov eller har et specifikt formål.

Eksempler på CSS-biblioteker

Omfattende

Bootstrap er et bibliotek skabt af udviklerne af Twitter .
W3.css - CSS framework fra w3schools.
Twitter-flyvning
blåt tryk
UIKit
Materialize er en CSS-ramme i stil med Material Design .
960 Grid System er et bibliotek til hurtig layoutudvikling.
Yet Another Multicolumn Layout (YAML) - har et kodegenereringsværktøj, evnen til at skabe adaptive grænseflader .
css-framework er et russisk bibliotek til udvikling af webgrænseflader.
Foundation er et avanceret bibliotek til udvikling af responsive grænseflader .
Golden Grid System er et bibliotek til udvikling af adaptive grænseflader baseret på det gyldne snit .
Gumby Framework
Topcoat er et lille bibliotek fra Adobe distribueret under Apache 2.0-licensen.
Compass er en CSS-ramme uafhængig af Rails.
Rest CSS Framework

Begrænset

jQuery UI CSS Framework
CSS-baseret Slideshow System er et bibliotek til at lave præsentationer.

Noter

↑ YAML Builder . Dato for adgang: 20. august 2012. Arkiveret fra originalen 23. august 2012. (ubestemt)
↑ Den originale "meyerweb nulstilling" fandt sin vej ind i Blueprint . Dato for adgang: 20. august 2012. Arkiveret fra originalen 22. august 2012. (ubestemt)
↑ Normalize.css bruges i Twitter Bootstrap, HTML5 Boilerplate, NASA osv . . Hentet 28. september 2017. Arkiveret fra originalen 3. april 2013. (ubestemt)
↑ Retningslinjer for udvikling af dit eget CSS-rammeværk Arkiveret 15. august 2012.