Tagged: 960

Frameworks och designmönster

Kod

Idag har jag, när jag inte suttit på dass, försökt komma in i “960 Grid System” och “Blueprint CSS Framework”. Jag snubblade över en video (som jag skippat tidigare) som går igenom tanken och användandet av 960 ganska grundligt. Jag har dock inte riktigt fastnat för det där med att sitta fast i en bredd på sidan (namnet 960 syftar på att det är enda bredden som finns tillgänglig. Det är en storlek anpassad för folk som kör 1024×768 i upplösning, om inte jag minns helt fel), så jag tittade vidare lite. Jag har tidigare grejat lite med Yahoo!’s gridsystem, men det var så krångligt att jag inte alls förstod varför eller hur det jag gjorde funkade, det bara gjorde det.

Istället hittade jag Blueprint. Blueprint bygger på samma princip, men det har lite fler olika bredder att välja på, om inte jag missuppfattat. det går även att välja lite fler olika kolumnsystem än i 960 (960 har 12 eller 16, Blueprint har 8, 10, 16 och 24). Det passade mig utmärkt, dessutom hade nettuts (vilka annars) en åtminstone hyffsad artikel uppe. Efter lite hoppande fram och tillbaka tror jag att jag förstod hur det funkade. Jag lekte lite, och lekte lite till, och nu börjar jag få sväng på det.

Det är onekligen intressant hur man tänker annorlunda när man blir inrutad i en grid. Förr i tiden tänkte jag ganska flytande när jag kodade upp en hemsida. Ett fält med innehåll där, och så headern där uppe och menyn under där. Nu blir det mer som fyrkanter. Man sätter ut fyrkanter, ger dem den plats de behöver och rutar in sidan på det sättet.

Det kanske låter tråkigare med hela “fyrkantstänket”, men egentligen tycker jag att det är mycket smidigare och mer flexibelt. Innan hade jag alltid svårt att avgöra hur mycket plats någonting skulle få, eller hur mycket whitespace jag skulle tilldela ett fält. Men nu är det mycket enklare att se, och förstå, hur det hänger ihop. Det är också lättare att få det jämt och fint. All luft är mycket enklare att få till.

Jag behöver nog öva mig litet på det, och försöka avgöra när jag ska använda det och inte, men i slutändan tror jag att jag och Blueprint kommer att funka jättejättefint tillsammans. Och när blueprint vägrar göra som jag säger, plockar jag väl kanske fram 960 eller Yahoo!…

Affiliator.com