söndag 12 februari 2012

- CAP&Design:

Gridden som klarar allt

I de flesta av sina uppdrag använder sig Söderhavet av den så kallade 960-gridden. Det är ett spaltsystem som bygger på en sajtyta som är – just det – 960 pixlar bred.

Det som gör gridden så flexibel är att 960 är delbart med så många tal: 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 46, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 och 480. Det gör att du enkelt kan variera och justera din webbdesign utan att behöva bygga om sajten från grunden för varje nytt antal spalter.

Bakom systemet står Nathan Smith som skapat sajten 960.gs där det finns gott om exempel på hur gridden har använts. Där finns också redskap som du kan använda för att komma i gång som webbdesigner med de två vanliga spaltantalen, 12 och 16.

Bland godsakerna finns färdiga gif-filer och css-filer för de olika spaltsystemen, liksom förberedda skissmallar i pdf-format. Spalterna finns även förberedda för såväl Photoshop som Illustrator. Med tjänsten 960 Gridder – som har utvecklats av lundastudenten Andrée Hansson – kan du lätt kontrollera att dina spalter ligger exakt som de ska i webbläsaren. 960.gs, gridder.andreehansson.se

2009-11-16 14:14

Artikelkommentatorerna ansvarar själva för sina inlägg

Hett på capdesign.idg.se

- CAP&Design:

Typografi med pensel

(laddar kommentarer...)


- Internetworld:

Han vill förstå din kreativa hjärna

Fredrik Ullén Foto: Sara Appelgren

(laddar kommentarer...)

- CAP&Design:

Dags att tävla i Kolla!

(laddar kommentarer...)


- CAP&Design:

Minimalistiskt

(laddar kommentarer...)

- CAP&Design:

Jens Assur - Form på linsen

(laddar kommentarer...)


- CAP&Design:

Ny spik i kistan för mobilt Flash

(laddar kommentarer...)


- MacWorld:

Terragen - skapa filmiska landskap

(laddar kommentarer...)


- CAP&Design:

Skapa dina egna ikoner

(laddar kommentarer...)


- CAP&Design:

Så utsmyckades Familjens skivomslag

(laddar kommentarer...)

Senaste numret!



Nytt från bloggarna



Specialtidning!

Creative Suite-guiden

Om Photoshop | Mer»

Photoshop CS 6 nya gränssnitt
Smart versionshantering

Om typografi | Mer»

Typografi på webben
Så formger du i Word


Tips & Guider

Redesigna: Så gör du
Fem sätt att publicera i Ipad
Så översätter du fysiska objekt

Reportage & inspiration

Med kameran som verktyg
För dig som prenumererar
Tyck till om webb/tidning eller tipsa oss på redaktionen - få svar direkt!
    > Följ CAP&Design på Twitter

    Nyhetsbrev

    Heta nyheter till din mejlbox
    E-postadress


    Välj ett nyhetsbrev
    CAP Nyhetsbrev