HTML

En av de aller første tingene jeg skrev om på cjohansen.no var et alternativ til Erb ("embedded ruby"), DRYML (fra Hobo). I dette innlegget touchet jeg også innom #haml, som jeg nå har oppdaget på nytt.

Les hele Alternativer til Erb igjen.

Et skjema utgjør ett steg i en prosess og har dermed flere knapper: Neste, Forrige og kanskje tilogmed Avbryt. Du befinner deg i en funksjon som kjøres på skjemaes submit-event. Hvilken knapp trigget innsending av skjemaet?

Les hele Hvilken knapp var det?.

Allerede tilbake i 2002 påpekte ildsjeler mangler ved - og forlot - XHTML slik mange av oss fortsatt bruker det idag. Selv har jeg mange ganger de siste årene vurdert å bytte tilbake til HTML 4.01 Strict. Hvorfor bruker vi fortsatt XHTML?

Les hele Hvorfor bruker vi XHTML?.

Etter fem artikler om webstandarder sett i lys av en sjekkliste for grensesnittsimplementasjon av høy kvalitet er det på tide å skifte tema og snakke om ytelse.

Les hele Grensesnittsytelse.

Del 1 i mitt forsøk på å samle sammen en liste over suksessfaktorer for gode grensesnitt/nettsteder tar for seg (X)HML. Hva er de viktigste aspektene ved (X)HTML, og hvordan bør denne implementeres?

Les hele Gode grensesnitt: (X)HTML.

Hva utgjør god grensesnittsutvikling? Hvilke kriterier skal stilles til kvalitet? Følgende er forsøk på en liste over de viktigste faktorene når man implementerer grensesnitt i webbaserte tjenester. Listen setter fokus på tilgjengelighet, web-standarder, ytelse samt tilrettelegging for digital synlighet og webanalyse.

Les hele Sjekkliste for grensesnittsutvikling.

Hvor mange bytes trenger du for å lage et norskt flagg som kan vises i Firefox? Uten bilder trengte jeg 258. Velkommen til alternativ bruk av HTML/CSS-kunnskaper.

Les hele 17. mai-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.

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.

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.

Å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.

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.