Tag: html5

  • Use o Input type apropriado para cada tipo de dado

    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

    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

    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

    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…

  • Crie accordion sem JavaScript

    Crie accordion sem JavaScript

    A tag HTML details nos permite criar um accordion sem JavaScript e nesse poste você ver como usa-la, ela pode ser útil para obter informações adicionais sobre uma determinada informação, resumindo um accordion.

  • Já está disponível o novo WebWorks SDK 2.0

    A BlackBerry trabalhou pesado para essa grande novidade, o WebWorks SDK 2.0 essa nova foi totalmente construída em cima do Apache Cordova. Que vem cheia de novidades. Apache Cordova Resumindo essa grande novidade o WebWorks SDK 2.0 agora é uma distribuição do Cordova com uma série de adaptações com foco na melhoria da experiência dos…