Jeg er stadig ikke helt tilfreds med designet på bloggen. Det betyder ikke så meget at den grafiske WOW-effekt ikke er der. Det der er vigtigt for mig er at siden er nem at overskue. Det synes jeg ikke selv den er. Derfor vil jeg fortsat eksperimentere med designet indtil jeg synes den del sidder i skabet.

Den næste uges tid vil jeg tage jer med på turen i den proces jeg gennemgår hver gang jeg laver ændringer i designet.
Læs resten af dette indlæg »

Overskriften siger faktisk det hele. Kan det lade sig gøre at lave et multi column layout med css? Altså uden at bruge tabeller. Mit svar er at ja, det skal kunne lade sig gøre. Også uden at man er tvunget til at gå på kompromis med det grafiske design.

Hvordan gør man så? Jeg må erkende at lige nu ved jeg det faktisk ikke, men jeg nægter at give op. Det skal ganske enkelt kunne lade sig gøre.

En klar målsætning

Jeg har været i gang i et stykke tid, men hver gang jeg har fundet frem til en mulig løsning er jeg rendt ind i problemer af forskellig art. Enten har jeg været tvunget til at gå på kompromis med det grafiske design eller også har det ikke virket i alle browsere. Det er ikke godt nok. Derfor inden jeg kaster mig over udfordringen igen tror jeg det er tid til at beskrive målsætningen meget klart.

Inden for IT branchen kalder man sådan en beskrivelse for en kravspecifikation. Det er altid et meget vigtigt udgangspunkt. På den måde kan jeg sikre at det endelige resultat lever på til de krav jeg har stillet. Jeg har tidligere kaldt det design jeg arbejder på for et kode venligt design. Hvis du har lagt mærke til tidligere kode eksempler her på bloggen vil du have bemærket at der har været problemer med pladsen. Det er netop det jeg håber på at undgå med et flydende layout. Jovist, der vil stadig være nogle ting der er defineret i forhold til størrelse, men med en vis skærm opløsning, 1024 x 768 og større, burde man sjældent løbe ind i det problem med mit nye layout.

Det kode venlige layout - En kravspecifikation

Det er faktisk ret enkelt, men lad mig beskrive det i nogle få punkter.

• Et flydende layout der tilpasser sig skærm opløsningen
• To Kolonner
• En Header
• Ingen begrænsninger til de grafiske elementer
• Det skal kunne centreres

Fem enkle punkter, der alle skal opfyldes. Du må endelig ikke forveksle den her kravspecifikation med den design manual jeg lavede for et par dage siden. Kravs specifikationen er meget enklere, men samtidig også en anelse mere teknisk. Jeg kunne sagtens sammenlægge dem hvis jeg ville, men i øjeblikket føler jeg de er uafhængige af hinanden så jeg holder dem hver for sig.

Det var det for i dag, men bare rolig du kommer til at høre meget mere om det her.