Fullscreen

Firefox and Chrome har støtte for fullskjerm API-et.  Med dette API-et så kan du ta tak i hvilket som helst element og vise det i fullskjermmoduls. Firefox legger til attributtene widh:100%; height:100% og vil strekke elementet slik at det fyller hele skjermen. Bruksområder her er f.eks. visning av bilde, videovisning med canvas for å nevne noe. Det […]

Spillutvikling i HTML5

Jeg fikk et spørsmål her om hvordan man kan utvikle spill i HTML5. Det nye CANVAS elementet i HTML gjør at du kan lage avansert grafikk uten bruk av Flash. Jeg har ikke fått prøvd dette så mye selv ennå, bortsett fra å programmere noen enkle todimensjonale grafer. Men mer kommer!! Her er en oppskrift […]

Orddeling i HTML5

<wbr> elementet er nytt i HTML5. Det står for WordBReak. <wbr> spesifiserer hvor i teksten det er ok å legge inn et linjeskift. Hvis du har et langt ord som kan føre til at enten designet blir forskjøvet, eller at linjeskift kommer på galt sted, så kan du bruke <wbr> elementet. <p> Læren om å dele […]

Content Editable med HTML5

Foruten mange nye semantiske elementer i HTML5 standarden, er ContentEditable er et av de nye semantiske attributtene. Contenteditable attributtet muliggjør inline redigering av innhold. Som standard arver underelementer dette attributtet fra sin foreldre, dersom ikke noe annet er spesifisert. I praksis betyr dette at du kan ha inline redigerering overalt på en HTML5 side. Attributtet […]

Vis og skjul elementer med HTML5

Ofte benyttes JavaScript for å vise og skjule elementer. I HTML5 kan elementene <details> og <summary> kan benyttes for å skjule og vise elementer på en webside. Da slipper man unødig bruk av JavaScript! <details> <summary>Informasjon</summary> <p>Hvis nettleseren din støtter dette elementet kan du skjule og vise dette avsnittet.</p> </details> Ønsker du for eksempel at […]