CSS ramverk
Den aktuella versionen av sidan har ännu inte granskats av erfarna bidragsgivare och kan skilja sig väsentligt från
versionen som granskades den 12 maj 2016; kontroller kräver
22 redigeringar .
CSS-ramverket är ett ramverk skapat för att förenkla arbetet för en layoutdesigner , påskynda utvecklingen och eliminera maximalt möjliga antal layoutfel ( kompatibilitetsproblem mellan olika webbläsarversioner , etc.). Precis som skriptspråksbibliotek är CSS- bibliotek , vanligtvis i form av en extern css-fil, "anslutna" till projektet (läggs till i rubriken på webbsidan). Mer funktionsrika ramverk har också mer JavaScript-baserade funktioner och extrafunktioner, men är mestadels designorienterade och fokuserar på interaktiva UI-mönster. Denna detalj skiljer CSS-ramverk från andra JavaScript-ramverk.
Fördelar
- Tillåter en programmerare eller designer som är oerfaren i layoutens krångligheter att skapa en HTML - layout på rätt sätt.
- Layout baserad på lager, inte tabeller.
- Snabbare utveckling.
- Crossbrowser-kompatibilitet .
- Möjlighet att använda kodgeneratorer [1] och visuella redigerare .
- Kodens enhetlighet när du arbetar i ett team gör att du kan minska antalet oenigheter under utvecklingen.
Nackdelar
- Bibliotek kan vara väldigt "uppblåsta" - det kan finnas mycket extra kod som inte kommer att användas i projektet.
- Designen kommer att bero på css-biblioteket.
- Behovet av att lägga till flera klasser till ett enda element bryter mot principen för vilken CSS skapades: separationen av beskrivningar av struktur och utseende.
Skillnader
- Vissa bibliotek [2] använder stilåterställningar ( reset.css ) för att matcha standardstilarna i alla webbläsare, medan andra [3] använder normalisering ( Normalize.css ) för att minska mängden initial bibliotekskod.
CSS-bibliotekstyper
På grund av de nämnda bristerna är användningen av CSS-bibliotek kontroversiell i det professionella samhället. Det ledde också till uppkomsten av olika typer av CSS-bibliotek. Konventionellt kan två typer särskiljas: omfattande och begränsad. Ett tredje alternativ skulle vara att utveckla ditt eget bibliotek [4] . Det här alternativet föredras av de flesta utvecklare, eftersom det ger fördelarna med en anpassad lösning och minskar nackdelarna med att vara beroende av tredjepartsbibliotek.
Omfattande CSS-bibliotek
Den här typen av bibliotek försöker täcka de flesta saker som en utvecklare kan behöva. Den här typen inkluderar bibliotek som inkluderar CSS för layout och återställning (eller någon form av ramverk).
Begränsade CSS-bibliotek
Som namnet antyder täcker denna typ av bibliotek endast ett begränsat antal behov eller har ett specifikt syfte.
Exempel på CSS-bibliotek
Omfattande
Begränsad
Anteckningar
- ↑ YAML Builder . Datum för åtkomst: 20 augusti 2012. Arkiverad från originalet 23 augusti 2012. (obestämd)
- ↑ Den ursprungliga "meyerweb reset" hittade sin väg in i Blueprint . Datum för åtkomst: 20 augusti 2012. Arkiverad från originalet 22 augusti 2012. (obestämd)
- ↑ Normalize.css används i Twitter Bootstrap, HTML5 Boilerplate, NASA, etc. . Hämtad 28 september 2017. Arkiverad från originalet 3 april 2013. (obestämd)
- ↑ Riktlinjer för att utveckla ditt eget CSS-ramverk Arkiverad 15 augusti 2012.
Länkar