12
Jan

Verktyg som förenklar vardagen

3 Kommentarer | Kategori: Resurser

Hej! Mitt namn är Anton Ranestam och jag är en webbdesigner från Malmö. Jag driver Ranestam Studio och även bloggen Ranestam Blogg. Ni hittar mig även på Twitter och Facebook där jag figurerar aktivt.
Tack för mig!

Varför Grids och CSS ramverk?

Grids är något som gör hela din designprocess mycket enklare och vänligare för ögat för den som tittar. Det är därför att rekommendera att använda något slags “grid” när du gör din hemsida.
Ett CSS ramverk är bra för att ett ramverk innehåller ett antal färdiga alternativ för att utforma en webbsida genom CSS. Vilket gör hela processen med att bygga en hemsida går mycket fortare och det går åt mindre tid.
Dessa rekommenderar jag:

1kb Grid

1kbgrid är en hemsida där du bestämmer dig för antalet kolumner (9, 10, 12, 14 eller 16), kolumnernas bredd (40, 60 eller 80 pixlar), och hur breda du vill att dina “gutters” vara (10 eller 20 pixlar)
Filen är under eller precis 1kb – därav 1kbgrid.
Kika närmare här; 1kb Grid

960 Grid

960 Grid är baserat på en 960 pixel vidd layout. Den funkar med 12 eller 16 kolumners design. När du laddar ned din layout får du även med ett sheet som kan användas när du skissar ner en hemsida för en kund.
Kika närmare här; 960 Grid

Baseline

Baseline är ett ramverk med både nät-baserad design och bra typografi i åtanke. Det fungerar med HTML 5 och CSS 3 (som kräver en modern webbläsare för alla sina funktioner för att visas korrekt).
Kika närmare här; Baseline

Blueprint

Blueprint är en av de mer välkända ramverken där ute. Förutom nät-verktyg för design, inkluderar Blueprint också stöd för typografi, utskriftsstilar, sprites och mycket, mycket mer.
Kika närmare här; Blueprint

Fluid 960 Grid System

Fluid 960 Grid System är baserat på 960.gs ramen, men med en såkallad fluid bredd och omfattar MooTools och jQuery effekter.
Kika närmare här; Fluid 960 Grid System

Grid Calculator

Grid Calculator är ett enkelt verktyg för att justera storleken på teckensnitt, antal kolumner. Den beräknar automatiskt det totala grid bredden och visar grid layout under räknaren. Mycket bra verktyg!
Kika närmare här; Grid Calculator

Hitta mer innehåll från: CSS ramverk, Grids, Resurser