Archive for the ‘Teknologi’ Category

Vild med CSS

4. december 2007

Ja, jeg er vild med css. Html gør det muligt for os at vise hjemmesider på nettet, men det er css der giver os mulighed for at forme siden sådan som vi gerne vil have den. Mulighederne er bogstavelig talt uendelige. Vi kan lave layouts med tabeller, men vi kan også lave det udelukkende ved hjælp af stylesheets. Som sagt, mulighederne er uendelige.

Jeg skal være den første til at indrømme at jeg troede jeg havde ganske godt styr på css inden jeg gik i gang med det her projekt. Hvor tog jeg fejl! Godt nok havde jeg ingen problemer ved at bygge et fasttømret css design, der beholdt sin størrelse stort set uanset hvad brugeren gjorde for at tilpasse det. Den form for layout giver den ultimative kontrol over udtrykket, men hæmmer også læserens muligheder.

Et andet alternativ er et flydende design. Det giver fuld fleksibilitet. Layoutet tilpasser sig hele tiden browserens størrelse. Desværre betyder det også at programmøren mister kontrollen over layoutet. Designeren kan prøve at fortælle browseren hvor han som udgangspunkt gerne vil have sidens elementer placeret, men ligeså snart brugeren hiver i browseren eller skifter skærm opløsning så vil vores design ændre sig.

Den nyeste opdagelse jeg har gjort er elastisk design. Det er desværre ikke min idé, men det gør den ikke mindre genial. forestil dig at man ved hjælp af css afgør hvor de forskellige elementer skal være placeret på siden. Når brugeren ændrer vinduets størrelse så bliver elementerne det samme sted. På grund af den css kode vi har skrevet så ændrer hele designet størrelse, men det gør det på en måde så forholdet mellem elementerne altid vil være det samme. Det er da css når det er best.

Jeg må indrømme at jeg ikke helt har styr på elastisk layout endnu, men det får jeg. Jeg er igang med at arbejde videre på det html template jeg har lavet: Et Jule eventyr. Mit må er ved hjælp af css at gøre det elastisk. Jeg synes det er fantastisk med en teknologi der giver os mulighed for at have fuld kontrol over vores design samtidig med at vi giver brugeren fleksibilitet. Det kan da ikke blive meget bedre.

Fremtiden for css er lys. Vi benytter os i øjeblikket af CSS 2 og CSS 3 er under udvikling. Når vi i dag vil give vores tabeller runde hjørner gør vi det ved hjælp af grafik filer. Når version 3 bliver tilgængelig kan vi lave runde hjørner direkte i vores editor ved hjælp af koder. Jeg ser frem til den nye version og de muligheder den giver mens jeg glæder mig over de muligheder jeg allerede i dag har med css.