En prefabricerad CSS-ram kan vara en stor hjälp eller ett allvarligt hinder. Denna artikel kommer att ge korrekt täckning till båda sidor av staketet genom att titta på vanliga argument för och mot att använda en CSS-ram.
Vad är en CSS-ram?
CSS-ramar är avsedda att påskynda och förenkla utvecklingen av komplexa webbplatser. För att uppnå denna prestation innehåller CSS-ramar fördefinierade bibliotek av kod som innehåller massor av alternativ för dig att använda i din HTML. Gridbaserade ramar innehåller vanligtvis flera klasser som är ett antal pixlar breda för att göra det enkelt att skapa flera kolonnerade layouter.
5 populära CSS-ramar
Här är en kort lista över populära CSS-ramar tillsammans med korta beskrivningar direkt från källan.
Blueprint CSS
? Blueprint är en CSS-ram, som syftar till att minska din utvecklingstid. Det ger dig en solid grund för att bygga ditt projekt ovanpå, med ett lättanvänt rutnät, förnuftig typografi, användbara plugins och till och med ett stilark för utskrift.?
element
? Element är en CSS-ram på jorden. Det var byggt för att hjälpa designers att skriva CSS snabbare och effektivare. Element går utöver att vara bara ett ramverk, det är ett eget projekt arbetsflöde. Det har allt du behöver för att slutföra ditt projekt, vilket gör dig och dina kunder lyckliga. Läs översikten för mer information.?
YUI 2: Grids CSS
? Grundläggande YUI Grids CSS erbjuder fyra förinställda sidbredder, sex förinställda mallar och förmågan att stapla och bo indelade regioner med två, tre eller fyra kolumner. 4kb-filen ger över 1000 sidlayoutkombinationer.?
Logisk CSS
? Den logiska CSS-ramen är en samling CSS-filer och en verktygssats som är utformad för att minska utvecklingstiderna för webbstandarder som är kompatibla webblayouter och mallar? ?
Elastisk CSS
? En enkel css-ram för att layouta webbaserade gränssnitt, baserat på de tryckta layoutteknikerna med 4 kolumner men med möjligheter till obegränsade kolumnkombinationer. och kapacitet att enkelt göra elastisk, fast och flytande layout.?
Pros
När det används ordentligt kan ramverk vara oerhört hjälpsamma för att effektivisera din layoutprocess. Här är några av de största fördelarna.
Cross-Browser Functionality
Detta är en av de största försäljningsställena i min bok. Kodning av komplexa layouter som förblir konsekventa över webbläsare kan vara en mardröm. De flesta CSS-ramar gör det tunga för dig, så ditt innehåll visar exakt detsamma oavsett vem som tittar på det.
Snabb utveckling
Om du bygger många webbplatser kan en bra CSS-ram hjälpa dig att skapa ett plug-and-play-arbetsflöde som eliminerar de repeterande uppgifterna (som manuella återställningar) som du går igenom varje gång du börjar installera en webbplats. Många ramar innehåller även pre-styled knappar, text etc. som kan vara en stor tidsbesparare på den kreativa änden.
Konsistens
CSS-ramverk ger dig en standard uppsättning selektorer som du kan använda över alla webbplatser du bygger, vilket tvingar dig till konsekvens i din kodning. Det betyder att när du går tillbaka och tittar på en webbplats du gjorde för ett år sedan, så ger det dig så mycket mening som om du skrev det igår.
Rena, symmetriska layouter
Om du är som jag, är du benägen att bara öga din proportioner och kalla det bra. Många CSS-ramar ställer upp dig på ett strikt nätbaserat system som säkerställer att dina layouter uppnår perfekt perfekt symmetri utan komplicerade mätningar.
Nackdelar
Nu när vi har gjort gott om bragging på fördelarna med CSS-ramar, låt oss ta en titt på nackdelen. Tänk på att dessa inte nödvändigtvis är mindre problem, men stora hinder som håller många utvecklare borta från ramarna helt och hållet.
Extra kod
Jag tycker att min kod är tydlig och koncis utan någon redundans eller oanvända sektioner. Med CSS-ramar går det ut genom fönstret. Även om din favoritram erbjuder skarpt kod, riskerar du att du inte använder hälften på en viss webbplats. Detta beror på att ramar avsiktligt innehåller mycket kod för flera layoutscenarier. Du väljer och väljer vilka väljare du vill använda och de andra sitter inte oanvända. Ge det, du kan sikta igenom hela koden och ta bort allt du inte använder men det kan ta tid och dödar därför den snabba utvecklingsaspekten.
Brist på frihet
Att använda en CSS-ram kan enkelt låsa dig på ett mycket smalt sätt att göra saker. Förse mig inte, strukturen är en nödvändighet, men kreativt utforska nya strukturer och sätt att göra saker är en bra övning för utvecklare som håller oss lärande. Denna process kan hämmas av en stel ram som får dig till vana att vända på den kreativa sidan av din hjärna och gå för kvantitet över kvalitet. Det kommer alltid att finnas en plats för organiska designstrukturer som bryter sig bort från normen och blåsar sin egen användbarhetsspår.
Tvingade semantiska förändringar
Om du är en erfaren utvecklare har du förmodligen många föredragna HTML- och CSS-element och väljare. Med hjälp av ett CSS-ramverk tvingar du att anta ett nytt system som kan vara obehagligt först. Inlärningskurvan är inte för brant men det kan vara irriterande om du är inställd på dina vägar.
Slutsatser
Som ni kan se finns det gott om giltiga argument på något sätt. Det kommer verkligen ner till ditt personliga arbetsflöde och preferenser. Låt oss veta vad du tycker om CSS-ramar och vilka du använder.
Personligen gillar jag fortfarande kodning från början (eller åtminstone från mitt eget tidigare arbete). Du kan inte slå känslan av prestation när du bygger en webbplats från grunden. Undersökningen av denna artikel har inspirerat mig att experimentera med ett par ramverk. De verkar alla lite tunga på den oanvända koden så i slutändan kan jag bara sluta skapa min egen personliga ram som passar mina behov lite bättre.