responsividade e html5
Post on 26-Jan-2017
316 Views
Preview:
TRANSCRIPT
● Como escrever sites responsivos com o Bootstrap usando Mobile First
● O que o Bootstrap ganhou sendo Mobile First
● Processo de construção de um site Mobile First com o Bootstrap
● Exemplo real de como pensar Mobile First
Responsividade● Responsividade
○ Técnicas que não fisicamente aumentam a habilidade da sua app de responder
○ Não temos controle da velocidade de conexão do usuário
● Responsividade (Responsive web design)○ Se adaptar as diferentes telas
<p>To make a booking, call<a href="tel:+13174562564">
317-456-2564</a>
</p>
Solução simples e elegante
GEOLOCATION
navigator.geolocation.getCurrentPosition(function(position) {
do_something(position.coords.latitude, position.coords.
longitude);
});
var battery = navigator.battery || navigator.mozBattery ||
navigator.webkitBattery;
function updateBatteryStatus() {
console.log("Status da bateria: " + battery.level * 100 + "
%");
if (battery.charging) {
console.log("A bateria está carregando");
}
}
battery.addEventListener("chargingchange", updateBatteryStatus);
battery.addEventListener("levelchange", updateBatteryStatus);
updateBatteryStatus();
top related