3 Fantastiska CSS-ramar du inte vill missa
Personligen föredrar jag att koda ett projekt med bara ett rutnät och bygga därifrån. Jag är picky så, och jag gillar att ha kontroll över så många variabler som möjligt.
Det finns dock tider när det bara inte är praktiskt. Kanske bygger du en app eller en ovanligt stor och komplicerad webbplats. Kanske har du bara inte tid att utforma varje enskilt element från början, och du behöver inte. Det är då du vill ha ett komplett ramverk, med extrafunktioner.
Jo, det har skrivits mycket om "stora namn" ramar-Bootstrap, Foundation, Gumby-så vi kommer inte att prata om de här. Jag har spelat wi ... Jag menar noggrant att testa tre av de mindre kända alternativen. Ta en titt, en av dem kan vara exakt vad du behöver.
Kube
Kube är definitivt ett verktyg för den moderna fronten-utvecklaren. Endast moderna webbläsare - och IE9 + -are stöds. Standardstilarna är vackra, men smula nog att anpassas för användning med nästan vilken branding som helst.
Det är i korthet en snygg men enkel och enkel ram, utformad med nära universell visuell överklagning och avsedd för stor anpassning.
Funktionerna
För att beskriva alla funktioner i djupet, eller till och med för att helt enkelt lista dem alla, skulle antagligen ta upp för mycket utrymme i den här artikeln, så jag ger dig höjdpunkterna: Ramverket själv är MINDERBASERAT och modulärt. Om du vill ha allt annat än knappstilarna är det till exempel en mycket enkel sak att "kompilera" din egen. Ta bara bort motsvarande @importregeln från kube.less och gå. Det är säkert att säga att det finns stilar för nästan varje HTML-element som du kan tänka dig, och de vanliga extrafunktionerna som knappar, grundläggande navigeringsfält, hjälparklasser och ett ganska solidt nätverkslayoutsystem.
På ett sätt definieras Kube delvis av vad den inte har. Det har till exempel inte överflöd av användargränssnitt och extra stilar. Det finns inga jQuery-plugins för UI-funktionalitet alls. Och det kommer verkligen inte med intrycket att du är "fast" med någon av den.
Slutsats
Kube är ett solidt erbjudande. Dess skapare skakade inte på grunden, men det finns en bestämd känsla av "bara vad du behöver" som följer med denna ram. Det är ett bra ställe att börja, och det belyser det verkliga syftet med vilken ram som helst. Färga mig imponerad.
IVORY Framework
ELFENBEN, som Kube, är utformad för att lätt förstås och snabbt implementeras. Typografi ser bra ut, men är blankt nog för användning med nästan vilket som helst projekt, och de allmänna standardstilarna är också.
Det är en ram utformad för att ge dig bara tillräckligt för att komma igång, och några extrafunktioner.
Funktionerna
Funktionerna är vad du normalt förväntar dig: solid och flexibelt nät system, stilar för typografi och alla former, och så vidare. Men IVORY skiljer sig från Kube genom att du får några extra UI-element: knappar, varningslådor, paginering, växlar, verktygstips, breadcrumb navigation, flikar och dragspel.
Vad som sätter dessa användargränssnittskomponenter bortsett från många andra är att de alla är implementerade med CSS3, och ingen JavaScript. Det enda skälet till att jQuery-användargränssnittet är kopplat till är att göra datumplockarens arbete.
Bara två saker som jag inte gillar: En del av UI-komponentstilarna påminner mycket om Bootstrap 2.0-stilar. Så ja, du kommer förmodligen vilja ändra dem. Dessutom kräver nätsystemet att en extra klass används i den sista kolumnen i någon rad; Jag hatar det bara.
Slutsats
Dessa två små tillvägagångssätt, IVORY Framework är ett bra alternativ för ett antal projekt. Det är inte det enklaste anpassningsbara alternativet, men om du bara behöver komma igång med en bra uppsättning av standardvärden och några extra UI-komponenter, ge det en virvel.
Bas
Bas, av Matthew Hartman , tar en något mer trendig (för närvarande, i vilket fall som helst) tillvägagångssätt till CSS-ramverket. Baserat på Normalize.css , det börjar med smala rubriker och plana lådor för knappar. Det kan inte nekas att standardstilarna är ganska snygga.
Det kan inte vara för alla, beroende på branding, men det är enkelt att byta. När allt handlar om Base handlar det om anpassning.
Funktionerna
Basen finns i både LESS och SASS-versionerna, så du kan snabbt ändra variablerna och "kompilera" den så att de passar dina behov. Inbyggda variabler inkluderar typsnittstorlekar, brytpunkter, huvudbehållarbredder för varje brytpunkt och mer.
Massor av extra klasser tillhandahålls för att hjälpa dig att konfigurera dina mobilspecifika layouter, och det finns "mixins" i en separat fil som hjälper dig på väg.
Som Kube finns det inga extra UI-komponenter utöver dem som följer med HTML som standard, så om du vill ha flikar, dragspel och liknande måste du göra dem själv. Bas verkar vara inriktad på att bygga vackra webbplatser i motsats till webapps.
Slutsats
Om du bygger en webbplats som inte behöver för många appspecifika användargränssnittskomponenter, är Base en fantastisk resurs. Sidor som är byggda med det ser redan ganska ut; men om du inte gillar standardstilarna är det inte för svårt att ändra dem.
