Layout med gitre og gyldne snit

Den mest udbredte og effektive metode at designe websider på, var indtil for få år siden at sætte hele layoutet op i et gitter bestående af tabeller. I dag er metoden forældet og ineffektiv af flere årsager, men den har fortsat den styrke, at det er utroligt nemt at sætte et gitter op, som man kan basere sit layout på.

Designer Mark Boulton er stor fortaler for brugen af gitre til opsætning af layout, både til tryk og til web. I artiklen „Five Simple Steps to Designing Grid Systems‟ demonstrerer Boulton, hvordan man ved hjælp af teorien om Det Gyldne Snit og tallet phi kan sætte smukke layouts sammen ved hjælp af gitre. Artiklens 3, 4 og 5 del handler specifikt om opsætning af gitre til web.

Khoi Vinh bygger videre på Boultons artikel, og demonstrerer i artiklen „Grid Computing… and Design‟ hvordan man nemmere kan sætte sine gitre op på websiden ved hjælp af et baggrundsbillede til udviklingsbrug, som er inddelt i gitterets respektive felter.

Gitre kan være noget besværligere at sætte op i CSS, end de er med tabeller (ikke mindst pga. de mange bugs, der er i Internet Explorer). Artiklerne her kommer dog ikke nærmere ind på den mest effektive CSS til gitrene. Men her kunne man nok skæve til Alex Robinsons artikel „In Search of the One True Layout„.

Portræt af Morten Bech

Morten Bech

Frontend udvikler og designer med hang til bibliotekarisk orden. Klatmaler med trang til kunstnerisk kaos. Mere om mig.

Lyt videre

Relaterede indlæg

🕺 Anserinus tendinit

Anserinus tendinit er en senebetændelse, man kan få i knæet. Især, hvis man er sidst i 40’erne og forsøger at straffe et dansegulv. Det lærte jeg i fredags, da det stak helt af på en bytur med en flok fædre fra sønnikes…

📼 Videofilm – en anekdote fra 90’erne

Engang var Blockbuster en fysisk butik, hvor man kunne leje video på bånd. Når man blev oprettet som kunde, fik man et plastickort, som man skulle fremvise sammen med et mundtligt kodeord, der skulle fremsiges, når man…

Første indlæg via Mastodon

Hej Verden! Her er en test. Første pip fra min WordPress blog #bechsterdk

Simple Analytics