Responsividade e html5
2 gostaram660 visualizações
O documento aborda a responsividade e design web, enfatizando a importância de se criar sites responsivos utilizando Bootstrap e a abordagem mobile first. Discute técnicas de responsividade, adaptações para diferentes telas, e destaca a relevância do acesso móvel na internet atual. Além disso, menciona a construção de aplicações híbridas e o uso de APIs para melhorar a experiência do usuário em dispositivos móveis.
Responsividade e html5
- 1. Responsividade e HTML Alexandre Magno
- 2. Quem sou eu?
- 4. Livro
- 5. ● 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
- 8. 1/3 de usuários de internet nos EUA usam o celular como primeiro dispositivo de acesso a internet
- 11. 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
- 13. Responsividade - adaptação RWD ::: Fluid ::: Mobile First
- 18. content first
- 20. codigo desktop first vs mobile first
- 24. backend
- 26. <meta name="viewport" content=" width=device-width, initial-scale=1"/>
- 27. <? if($device->isIphone()) { $html->render(‘Im a phone!’); } ?>
- 29. BREAKPOINTS
- 31. Modularidade
- 32. Atomic Design
- 33. Bootstrap
- 36. responsividade não é só design...
- 40. apps híbridas x html5
- 41. Por que Web?
- 42. A internet é feita de links
- 43. E links levam para browsers
- 44. Por que nativo?
- 45. O celular é nossa extensão
- 46. Mas...
- 52. Trello
- 54. API e Device API
- 55. Device API
- 56. HTML5
- 57. <p> To make a booking, call <a href="tel:+13174562564"> 317-456-2564 </a> </p> Solução simples e elegante
- 59. 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();
- 60. Upload API localStorage Acelerômetro E mais...