I forbindelse med et andet projekt jeg er i gang med sidder jeg i aften og arbejder på en HTML formular. Per automatik går jeg i gang med at opbygge den med tabeller. Jeg har adskillige gange på bloggen her kritiseret brugen af tabeller, men alligevel går jeg automatisk i gang med at bruge dem til en formular.

Nu er det sådan at jeg er i mod bruen af tabeller til layout, men det betyder ikke at tabeller ikke har en funktion. Tabeller er et glimrende valg til at vise tabulære data.

Læs resten af dette indlæg »

I dag kan de fleste mobil telefoner gå på nettet fordi de har en mobil browser. Browserne på mobil telefonerne bliver bedre og bedre og det bliver nemmere og nemmere at gå på nettet via mobilen. Især inden for det sidste års tid er der sket en rivende udvikling der efter min overbevisning virkelig vil øge antallet af hits fra mobiler. Jeg tænker på de nye smartphones og ikke mindste Apple’s iPhone, der virkelig revolutionerer den måde man bruger mobil telefonen på. Har du tænkt over om dit web site er klar til at modtage disse nye besøgende?

Design med plads til forbedringer

Jeg har selv en Qtek 8500 smartphone med en mobil browser installeret. Derfor var det oplagt at kigge på min eget blog gennem en mobil browser. Resultatet var ikke kønt, men absolut heller ikke forfærdeligt. Heldigvis besluttede jeg mig for at bruge et css design med div’er til mit theme. Det er jeg glad for nu. Det der sker er nemlig at logoet kommer først, derefter sidebar navigationen og til sidst indholdet.
Jeg bør helt klart sørge for at mit design også kommer til at se rigtigt pænt ud på en mobil telefon. Heldigvis sørger mit design valg for at jeg undgår dødssynd nummer ét: en horisontal scrollbar. Som det ser ud nu kan man rent faktisk få noget fornuftigt ud af min blog på nettet og det er jeg glad for.

Mobile udfordringer

En mobil browser giver os nogle helt nye og unikke udfordringer. Den allerstørste udfordring er størrelsen på skærmen. En mobil telefon har som bekendt en markant mindre skærm end en computer skærm. I bredden bliver skærmen på en mobil sjældent meget større en 200 pixels. Det betyder at vi skal simplificere vores layout en del. Det optimale er et layout der kun bruger én kolonne. Helst ingen store billedfiler, da det for det første tager lang tid at loade og for det andet som regel koster læseren penge at overføre data. Navigationen skal være meget simpel og helst fungere uden nogen former for scripts.
Det gælder altså om at lave et design der er enkelt og overskueligt. Det betyder heldigvis ikke at det ikke stadig kan være pænt.

Mobil browser, nye muligheder

Den mobile browser giver os en masse udfordringer, men også helt nye muligheder for at nå en masse mennesker vi ellers aldrig ville have fået fat i. Derfor er det også vigtigt at du sørger for at dit site ikke falder igennem i den nye mobile verden.

Ja, hvorfor har vi i det hele taget css og html standarder? Det er der rigtig mange gode grunde til. Brugervenlighed, forenkling af udvikling, browser kompatibilitet, accessibility er 4 gode grunde som jeg vil komme nærmere ind på i denne artikel. Først vil jeg bede dig om at scrolle ned på siden. Jeg har et lille ikon nede til venstre der indikerer at denne hjemmeside bruger et stylesheet der overholder standarderne. I skrivende stund har jeg ikke fået valideret min html endnu, men det arbejder jeg kraftigt på for det er altså vigtigt!
Nu vil jeg kigge lidt på hvorfor det er så vigtigt startende med…

Brugervenlighed

Hjemmesider der er kodet efter standarderne vil ofte være mere brugervenlige. Det er jo noget af en påstand, for kommer brugervenligheden ikke an på layoutet, og kan man ikke lave et skidt layout som følger html standarden? Jo, til begge spørgsmål. Det kan man selvfølgelig. Standarder vil selvfølgelig aldrig garantere brugervenlighed, men det kan forhindre visse udviklings metoder der klart er med til at forringe brugervenligheden. F.eks. vil de berømte (berygtede) layouts der er opbygget ved hjælp af tabeller ofte ikke overholde standarderne.

Forenkling af udvikling

Ja den her er jo nem. Det er klart at hvis alle overholder de samme standarder når de koder deres html og css så vil enhver anden udvikler der skal rette i filerne have meget lettere ved at gøre sit arbejde. Selvfølgelig kan man godt lave noget rod ud af sin kode selvom man overholder standarden. Under alle omstændigheder er det bare sådan at den næste der skal arbejde med koden i så fald i det mindste kan regne med at den vedtagne standard er overholdt. Det vil være en kæmpe fordel når man skal rette i nogle filer man ikke selv har lavet.

Browser kompatibilitet

Der findes rigtig mange browsere. I en drømme verden fortolkede de alle sammen html på den samme måde. Det er desværre ikke helt tilfældet. En af de værste er faktisk den mest brugte, nemlig internet explorer. Desværre føles det ofte som om at standarderne er en by i Rusland når det gælder Microsoft produkter. Jeg nærer et stort ønske om at det vil ændre sig i fremtiden.
Mange andre browsere. Firefox, Opera osv. er bygget sådan at man godt kan regne med at sider der er bygget efter standarderne vil blive vist på den samme måde. Vi skal lige have Internet Explorer med, men generelt vil sider der overholder de givne standarder se pæne ud på nettet.

Accessibility

Det er et fancy Engelsk ord for tilgængelighed. Det handler om at blinde og svagtseende vil have nemmere ved at benytte din hjemmeside. Det kan vores kære standarder faktisk også hjælpe med. Selvom det her site ikke helt opfylder standarden i skrivende stund (det kommer!) så er der faktisk tænkt lidt på netop den problematik. Browserne har en funktion der gør det muligt for brugeren at ændre på skrift størrelsen. Det virker faktisk på det her site, endda uden at ødelægge layoutet. Der findes også en masse oplæsnings software der kan læse teksten højt for brugeren. Den type software hader tabel layouts.

Når du designer et nyt site så husk lige at få valideret dit html og dit stylesheet. Der er rigtig mange gode grunde til det.

Tjah, jeg er som jeg lidt frygtede ikke blevet helt færdig med min skabelon endnu. Det begynder at snærpe hvis jeg skal nå at få designet færdig til den 1. December. Til gengæld vil det arbejde jeg er i gang med lige nu gøre det meget nemmere for mig at lave nye designs fremover.

Derfor er det også så pokkers vigtigt at jeg for gjort det ordentligt. Som kompensation for den manglende skabelon vil jeg tage hul på en stor diskussion inden for webdesign i dette indlæg. Tabeller eller div’er.

Tabeller skal vise data
Det er det hårdnakkede argument fra den ene front i denne religionskrig. De tager ikke helt fejl, men der er en historisk baggrund for brugen af tabeller til layouts. Kort sagt begyndte man at bruge tabeller til designs for at undgå at bruge frames.

De fleste er nemlig enige om at man skal undgå frames.

Tabeller, standarder og mobile enheder
Standarderne siger css layouts med div’er. Derudover er css layouts nemmere at håndtere for mobile browsere. Derfor burde man vel bare overgive sig og lave sine layouts på den måde, men…

Ja, der er et men. Web designere er som så mange andre mennesker vanedyr. Det kommer til at tage lang tid før alle bruger css layouts, hvis det nogensinde sker. I vil også se at min skabelon bruger tabel layout. Det er simpelthen nemmere når nu det er det man er vandt til.