Julekalender 2007

I desember har det som de fleste kanskje har fått med seg gått en julekalender her på cjohansen.no. Kjernetemaet har vært semantisk HTML, men det har også dukket opp noen innlegg om CSS, Javascript og annet. Følgende er en liten oppsummering.

Les hele Årets julekalender er slutt.

Det er for sent å kalle dette en nyhet, men jeg syns det var en så gledelig sak at den passet godt på selveste juleaften: IE8 passerer nå Acid2-testen. På papiret kan det dermed se ut som om IE snart har bedre støtte for webstandarder enn Firefox.

Les hele Internet Explorer 8 lover godt.

Når vi skriver semantisk HTML streber vi gjerne mot rikt beskrevne dokumenter. Disse dokumentene inneholder masse struktur og har mange unike kontekster. Disse kan du benytte deg av for å forenkle CSS-en din samtidig som du går inn i en god sirkel der du rydder opp HTML-en etterhvert som overdreven bruk av klasser og ID-er ikke lengre er nødvendig for å få den stilingen du ønsker.

Les hele Ryddigere CSS med semantisk HTML.

Ved siden av tabeller er skjemaer den byggeklossen som oftest er mest kompleks å bygge, og ikke minst å få bra. Dagens luke kikker på hvilke HTML-elementer du bør bruke, og gir noen forslag til struktur for skjemaene dine.

Les hele Semantiske skjemaer.

De aller fleste som har prøvd å få CSS og Javascript til å fungere på tvers av nettelsere har støtt på noen av de frustrerende manglende i IE . Betingede kommentarer er en ryddig måte å jobbe rundt problemene når de ikke lar seg løse på en vennlig måte.

Les hele Betingede kommentarer.

I desember har jeg skrevet mye rart om grensesnittsteknologi, med hovedfokus på HTML. Jeg har også dumpet borti CSS og Javascript, og ikke minst problemer med disse teknologiene i forskjellige nettlesere. Dagens tips gir deg verktøyene for å teste løsningene dine skikkelig i et bredt spekter av nettlesere.

Les hele Grensesnittutviklerens testkit.

Jeg lovte under Scripting med tabeller at det skulle bli julekalenderens siste tabell-innlegg. Desverre begikk jeg en grov blemme i det innlegget som må rettes opp. Før du går videre - klikk deg inn på utgangspunktet og se om du spotter feilen!

Les hele Tabeller 'revisited'.

Gårsdagen dekket trauste gamle <img> til bilder. Men det er flere måter å sette inn et bilde på, og det er flere multimedia-objekter å sette inn enn bilder. Enter <object>!

Les hele Multimediaobjekter og HTML.

Webben tok ikke skikkelig av før Mosaic-teamet, med Marc Andressen i spissen, fant opp og implementerte <img>-elementet. Trass i et meget godt erstatningsforslag som er nesten 10 år gammelt er dette elementet fortsatt defacto måte å sette et bilde inn i HTML-dokumenter.

Les hele Bilder i HTML.

eZ Publish er et veldig fleksibelt publiseringssystem mht maler og generert kode. Men for å virkelig få på plass finsemantikken i innholdet som produseres gjennom XML-feltene må du justere litt på standardoppsettet.

Les hele Semantisk HTML med eZ Publish.

Forkortelser og akronymer forekommer ofte når vi skriver på web. Spesielt vi som jobber med web er særlig aktive på bruken av akronymer. Godt da å vite at HTML har verktøyene som trengs for å markere dem.

Les hele Semantiske forkortelser.

Julekalenderens siste tabell-innlegg kikker litt på måter å scripte med tabeller for økt brukerglede.

Les hele Scripting med tabeller.

De fleste har kanskje fått med seg introduksjonen til HTML 5 på A List Apart, eller på annet vis fulgt med på utviklingen av denne standarden. Standarden som utarbeides forsøker å løse mange av dagens problemer, men fikk uventet mye kritikk på A List Apart. Hvordan står det egentlig til med vår semantiske fremtid?

Les hele Vår semantiske fremtid: HTML5 og XHTML2.

Forrige uke avsluttet jeg med et lengre innlegg om tabeller. Når den semantiske HTML-en er på plass i bunnen er det rom for å relativt enkelt lage pene design med CSS.

Les hele Stiling med tabeller.

Årets julekalender åpnet med tips om språk i HTML, og spesifikt for lenker var hreflang. <a>-taggen har enda flere triks opp i ermet og to av dem (rev og rel) har tilogmed fått flere mikroformater basert på seg. Velkommen til dagens elementære og noe forsinkede luke!

Les hele Semantiske lenker.

Lørdag denne helgen så jeg litt på forskjellige måter å kode definisjoner i HTML på. Idag tar jeg for meg definisjonslister spesifikt og legger til litt Javascript for å lage en kollaps/ekspander-liste med definisjoner.

Les hele Vis/skjul-definisjoner med Javascript.

Tabeller har fått et noe frynsete rykte etter å ha blitt misbrukt som layout-kontroll i årevis. Desverre har enkelte blitt så redde for tabeller at de unngår tabeller for enhver pris. Tabeller har absolutt sin plass i HTML enda, og passer perfekt til tabulær data. 14 timers reise og 9 timer tidsforskjell for ta støyten for at dette kommer noe seint.

Les hele Semantiske tabeller.

Definisjoner dukker opp mange steder på nettet, både i form av vitenskapelige definisjoner, online ordbøker og mer folkelige forklaringer av begreper. HTML har verktøyene som kreves for å lage definisjoner brukbare for maskiner også.

Les hele Semantiske definisjoner.

HTML-ens fantastiske semantikk står i sentrum i årets julekalender her på bloggen, og idag ser vi på hvordan kontaktinformasjon best kan kodes på en strukturert måte.

Les hele Semantisk kontaktinformasjon.

Når vi snakker om HTML snakker vi ofte om tagger, elementer og attributter. Men hva er egentlig hva? Heter det egentlig "alt-taggen"? Det er på tide med en liten begrepsforklaring.

Les hele Terminologi: Tag, attributt og element.

Når vi lager for eksempel brukerveiledninger for programvare er det interessant å gi brukeren tastekombinasjoner som utfører enkelte oppgaver. Dette kan vi gjøre på en semantisk måte slik at også de som ikke ser hele designet på siden vår får det med seg.

Les hele Semantiske tastetrykk.

Igår så vi på noen måter å bruke <q> og <blockquote> til å markere sitater i HTML. Når vi skal vise <blockquote> er det ofte interesant å vise cite-attributtet (som jo er kilden), kanskje helst som en lenke. Idag ser vi på et Javascript som gjør akkurat det.

Les hele Scripting med sitater.

Sitater kan markeres med HTML på to måter. Hvilken skal du bruke når? cjohansen.nos daglige julekalender gir deg noen forslag.

Les hele Semantiske sitater.

Ofte er vi nødt til å endre på innhold etter at det er publisert. Endringer er helt naturlig, men ofte kan andre allerede ha sitert oss på noe, eller så mange kan ha lest det opprinnelige innholdet at det ikke gir mening å ta det bort eller rette det opp. Da er det godt HTML er ekspressivt nok til å formidle disse endringene på en strukturell måte.

Les hele Semantiske dokumentendringer.

Å markere innhold med riktig språk er noe mange (inkludert meg selv) får nesten riktig, men de aller færreste virkelig gjør bra. Samtidig er det essensiell informasjon når brukeren din ikke er et menneske som leser innholdet. Velkommen til cjohansen.nos julekalender-luke nummer 1!

Les hele Markér språk i HTML.