Use LEFT and RIGHT arrow keys to navigate between flashcards;
Use UP and DOWN arrow keys to flip the card;
H to show hint;
A reads text to speech;
29 Cards in this Set
- Front
- Back
<article>, semantics
|
An article should make sense on its own and it should be possible to distribute it independently from the rest of the site.
|
|
<article>, Typical default display properties
|
display: block
|
|
<datalist>, funksjon
|
autocomplete
|
|
<details>, funksjon
|
ekspanderbart segment
|
|
<detail>, display
|
block
|
|
<figcaption>, må være hvor
|
inni <figure>
|
|
eksempel på fullstendig <audio> tag, som spiller lyd med knapper, progress osv
|
<audio controls>
<source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> |
|
eksempel på html5 doctype
|
<!DOCTYPE html>
|
|
<footer>, Typical default display properties
|
display: block
|
|
<header>, Typical default display properties
|
display: block
|
|
<hgroup>, Typical default display properties
|
display: block
|
|
<figure>, Typical default display properties
|
margin: 1em 40px;
|
|
<mark>, Typical default display properties
|
background-color: yellow;
color: black; |
|
<nav>, Typical default display properties
|
display: block
|
|
<output>, inline eller block
|
inline
|
|
<section>, Typical default display properties
|
display: block;
|
|
<summary>, forklaring
|
Overskrifta til <details>, alltid synlig
|
|
<time>, Typical default display properties
|
Ingenting spesielt
|
|
<track>, hva er poenget?
|
Å tilordne tekst til video eller audio. F.eks. undertekster, beskrivelse, metadata
|
|
<video> tag, høyde, bredde, kilde i ogg og mp4, tekst for de uten støtte
|
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Your browser does not support the video tag. </video> |
|
Geolocation, tre api-kall
|
navigator.geolocation.getCurrentPosition(callback);
navigator.geolocation.watchPosition(callback); navigator.geolocation.clearWatch() |
|
Etablere websocket mot www.example.com
|
var socket = new WebSocket("ws://www.example.com/");
|
|
Sende beskjed via websocket
|
socket.send("Beskjed")
|
|
gjøre ting når connection åpnes
|
socket.onopen = function() { [...] }
|
|
alerte mottatte beskjeder fra websocket
|
socket.onmessage = function (event) {
alert(event.data); } |
|
stenge websocket
|
socket.close()
|
|
start en webworker, og lytt etter beskjeder fra den
|
var worker = new Worker('my_task.js');
worker.onmessage = function(event) { console.log("Called back by the worker!\n"); }; |
|
send beskjed til en webworker
|
worker.postMessage("blabla");
|
|
send beskjed fra en webworker
|
postMessage("blabla");
|