Blog Fellyph Cintra

Blog sobre WordPress, IA, PWA e JavaScript

  • HTML-in-Canvas: renderizando HTML dentro do canvas sem perder interatividade

    HTML-in-Canvas: renderizando HTML dentro do canvas sem perder interatividade

    Conheça a HTML-in-Canvas API do Chrome: desenhe HTML real no canvas, WebGL e WebGPU mantendo acessibilidade e interatividade, com exemplos progressivos do hello world ao Three.js.

  • Introdução a nova API de popover

    Popovers estão por toda parte na web, eu particularmente trabalho bastante com popovers, especialmente no formato de tooltips e até hoje a implementação deste recurso necessitava de JavaScript. Mas com a nova API de popover conseguimos fazer a implementação deste recurso com apenas HTML e CSS. Além de tooltips os elementos popovers podem ser usados…

  • Elemento HTML Dialog

    Elemento HTML Dialog

    Já pensou em utilizar um elemento HTML Dialog para adicionar uma caixa de diálogo sem javascript? Em outras palavras um pop-up totalmente acessível sem nenhum javascript.

  • O que é HTTP?

    O que é HTTP?

    Se você navega pela internet ou trabalha com tecnologia, já se perguntou o que é HTTP? Nada mais é que um acrônimo para Hypertext Transfer Protocol, literalmente um protocolo usado para transferir hipertexto.

  • 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…

  • Trabalhando com a propriedade CSS currentColor

    Nesse post falaremos sobre CSS currentColor, ele já está aí a um bom tempo e ela pode ser bem útil para melhorar o nosso código CSS e nesse tutorial veremos como. Muitas vezes queremos efetuar uma referência a cor atual do nosso elemento, algo como a palavra-chave this, comum nas linguagens de programação. No CSS…

  • Trabalhando com Fetch API e XMLHttpRequest

    Trabalhando com Fetch API e XMLHttpRequest

    Nesse post vamos trabalhar com duas opções para realizar requisições Assíncrona a dados no servidor XMLHttpRequest e Fetch API. Com a popularização do jQuery por muito tempo utilizamos a biblioteca para fazer requisições AJAX pela facilidade, melhorias com recursos extras e o suporte aos browsers antigos.

  • 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

    Ao criar uma preferência de tema, um rascunho curto ou o estado de um filtro, você nem sempre precisa enviar dados ao servidor. Nesses casos, o localStorage no JavaScript oferece uma API simples para manter pequenas informações no navegador. No entanto, essa simplicidade vem com limites. O localStorage armazena apenas strings, executa operações de forma…