Boteco Digital

Javascript Web

Um recurso que está sendo utilizado principalmente em sites de notícias e redes sociais é a Notifications API que é bastante fácil de utilizar. Vamos logo para o exemplo: Veja o Exemplo Na linha 2 simplesmente configuramos um intervalo(a cada minuto) para nossas notificações sejam lançadas pelo método notificar. Colocamos em um intervalo para exemplo, mas ela seria lançada por algum evento em sua página. Na linha 7 verificamos se o recurso de Notification está presente no navegador. Na linha […]

mais
Javascript Web

Com os dispositivos móveis tomando conta do mercado, se faz necessário para vários tipos de aplicações saberem qual a posição do usuário para fornecer informações mais personalizadas e relevante. Com o HTML5 foi introduzido a possibilidade de pegar a posição GPS do usuário que pode ser feito de maneira muito fácil. Veja exemplo simples de Geolocalização Na linha 3 simplesmente pegamos um elemento HTML para realizar a saída para o usuário. Na linha 4 realizamos um teste para saber se […]

mais
Javascript Web

A tag canvas foi introduzida no html 5 como uma das maiores novidades, introduzindo uma área onde podemos desenhar elementos específicos, formas geométricas e imagens através de javascript substituindo em certos aspectos o uso do flash. Então vamos ao primeiro exemplo: Retângulo Para desenhar dentro da área de canvas devemos primeiro pegar o elemento canvas e pegar o contexto 2D. Na linha 1 adicionamos uma função para ser executada após a página ser totalmente carregada, que executará nosso código para […]

mais
Javascript Web

Se você está por fora, o HTML5 trouxe elementos para exibição de áudio e video sem ter que utilizar um player em flash, basta que você coloque o elemento audio ou video que o navegador irá reproduzir exibindo os controles se quisermos. Vamos a um exemplo. Utilizamos o elemento audio e colocamos o atributo controls que irá exibir os controles play/pause, dentro deste elemento inserimos elementos source para fornecer os arquivos de áudio para serem tocados, o elemento source recebe […]

mais
Web

O HTML5 vem para ser a atualização da linguagem HTML. Ela cria várias novas tags na linguagem para que o CSS e o Javascript fazerem melhor seu trabalho sem precisar da instalação de vários plugin, compromentendo o desempenho, e trazer mais semântica ao código HTML. Embora o padrão não esteja terminado e plenamente suportado, podemos começar a utilizar alguns de seus recursos já que ele esta sendo disponibilizados em módulos. Uma das mudanças que já podemos utilizar é a estrutura […]

mais
Tags