Tag: html5
-
Use o Input type apropriado para cada tipo de dado
Com o HTML5 foram introduzidos as novas categorias de input type, isso representou um ganho enorme para a experiência de usuários mobile que utilizam formulários na sua aplicação e site, utilizar o input type correto é muito importante para acessibilidade e experiência do usuário. Eles podem melhorar a experiência do usuário especialmente quando o usuário…
-
Geolocation API
Vamos falar sobre Geolocation API javascript esse post servirá como base para o conteúdo do curso de PWA que estou rodando no meu canal. Na versão 2020 do curso iremos abordar Web APIs disponíveis para iOS e nesse primeiro posts iremos abordar a Geolocation web API. Resumo do conteúdo O que é uma PWA? O…
-
Introdução a imagens responsivas com srcset
Imagens são responsáveis pela maior parte do carregamento de bytes de uma aplicação web em geral. Não podemos evitar-las, pois imagens são um ponto crucial da nossa aplicação. Mas temos alternativas para reduzir esse impacto com imagens responsivas. O que são imagens responsivas? Imagine o seguinte cenário, no seu website você possui uma imagem de…
-
localStorage: Armazenando dados com JavaScript
Esse post é um dos posts mais visualizados do blog, foi criado em 2013, mas vou dar uma atualizada no que aconteceu de lá para cá. Armazenamento local com localStorage é umas das features mais úteis do HTML5 podemos utilizar para uma infinidade de ações agora com Progressive Web Apps esse recurso voltou a ficar…
-
Observe a orientação do device com JavaScript
Com JavaScript podemos observar a orientação do device, também é possível realizar este tratamento com CSS, mas isso fica restrito a questões visuais, caso queria realizar algum tratamento lógico na nossa aplicação podemos utilizar JavaScript. Como acompanhar a orientação do device com javascript? Temos “N” possibilidades de acompanhar a orientação do device com JavaScript, nesse…
-
Os últimos Talks de 2013
2013 foi um ano incrível, e no fechar das cortinas tive a chance de palestrar em dois grandes eventos. O WEBBR 2013 e EATI 2013 duas experiências incríveis, o primeiro eventos é um dos maiores eventos de Web do Brasil e o segundo um superevento no extremo sul do Brasil. Evento Webbr 2013 Na segunda-feira…
-
Trabalhando gestos com Hammer.js
Hammer é uma biblioteca JavaScript que dispara eventos para os gestos realizados nas suas aplicações com HTML+JS. O Hammer.js é simples de usar, como muitas bibliotecas ele usa o esquema “jQuery-like”. Como utilizar o hammer.js? Para utilizar a biblioteca de gestos precisamos dos seguintes passos, carregar a biblioteca do Hammer disponível no link: http://eightmedia.github.io/hammer.js/. Além…
-
Limites do LocalStorage
Sempre quando falo de localStorage as pessoas perguntam-me: “Qual são os limites do LocalStorage?” sempre respondia o valor padrão de 5 MB. O que é localStorage? A propriedade localStorage permite acessar um objeto Storage local e armazenar dados no navegador do usuário. É um recurso de fácil implementação, mas tem alguns problemas de performance por conta da sua escrita…