@media screen and (max-width: 320px) {}
@media screen and (min-width: 1024px) {}
media queries
@media screen and (orientation: portrait) {}
@media screen and (orientation: landscape) {}
@media screen and (device-aspect-ratio: 16/9) {}
@media screen and (resolution: 2dppx) {}
Slide 37
Slide 37 text
media
queries
Slide 38
Slide 38 text
Slide 39
Slide 39 text
zno.io/R7ME
Slide 40
Slide 40 text
Slide 41
Slide 41 text
zno.io/R7nE
Slide 42
Slide 42 text
Slide 43
Slide 43 text
zno.io/R6nv
Slide 44
Slide 44 text
Slide 45
Slide 45 text
zno.io/R6iA
Slide 46
Slide 46 text
var canvas = document.querySelector("canvas");
var contexto = canvas.getContext("2d");
// começa a desenhar
contexto.arc(110, 110, 100, 0, Math.PI*2, true);
...
Slide 47
Slide 47 text
zno.io/R7S3
Slide 48
Slide 48 text
var success = function (position) {
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
};
navigator.geolocation.getCurrentPosition(success);
geolocation
Slide 49
Slide 49 text
var success = function (position) {
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
};
navigator.geolocation.watchPosition(success);
geolocation
Slide 50
Slide 50 text
zno.io/R6eH
geolocation
Slide 51
Slide 51 text
Lorem ipsum dolor sit amet, consectetur
web storage
var p = document.querySelector('p');
localStorage.setItem('p', p.textContent);