Categoria: Web

  • Otimizando performance do site com background image-set()

    Neste artigo vamos falar sobre uma notação para propriedades muito poderosas do CSS, a image-set() ela foi introduzida já a um bom tempo, mas os navegadores nunca deram um suporte apropriado. A sua funcionalidade é basicamente criar lista de imagens para o navegador decidir qual é o formato apropriado para carregamento.

  • CSS Nesting nativamente nos browsers

    CSS Nesting é um dos recursos que muita gente esperava o suporte nativo dos browsers. E agora dois browsers já estão prontos para disponibilizar o suporte. E nesse post você irá aprender tudo sobre CSS nesting.

  • @property CSS: variáveis com super poderes

    @property CSS: variáveis com super poderes

    Umas das novidades mais esperadas no CSS é a atualização da API de propriedades com o @property CSS. Ela vem para dar um significado semântico as propriedades CSS, além de definir valores iniciais e alternativos para variáveis.

  • Introdução a componentes Lit

    Introdução a componentes Lit

    Lit é uma biblioteca que ajuda na criação de componentes web de forma simples e rápida. Componentes Lit fornece uma camada adicional sobre a API de componentes web, já suportada nativamente pelos navegadores.

  • O que é Cloudflare Pages?

    O que é Cloudflare Pages?

    Cloudflare Pages é um serviço que permite você realizar o deploy das suas aplicações diretamente do seu github para a estrutura da Cloudflare. Em outras palavras, o Cloudflare Pages é uma plataforma JAMstack para desenvolvedores front-end colaborarem e implantarem sites.

  • Imagens AVIF o novo formato de compressão

    Imagens AVIF o novo formato de compressão

    O formato padrão AVIF serve para introduzir o usuário ao conceito de compressão avançada de imagens. Vamos nos concentrar em todos os detalhes do novo formato de compressão com um alto impacto na performance do seu site. Isso porque imagens representam mais de 50% dos dados do seu site e a otimização de imagens é…

  • 17 Dicas de segurança para WordPress

    17 Dicas de segurança para WordPress

    Se fala muito sobre as vulnerabilidade de segurança no Wordpress. Os problemas de segurança nem sempre são problemas da Aplicação, mas maior parte vem da forma em que ele é utilizado. Não sou um perito em segurança mas nesse post vou listar algumas dicas básicas de segurança para o seu site Wordpress.

  • Otimização de performance com Priority Hints

    Otimização de performance com Priority Hints

    Priority hints é uma nova propriedade aguardada para versão 101 do Google Chrome, que indica a prioridade de carregamento de recursos pelo navegador. É uma importante ferramenta para melhorar os números do Core Web Vitals.

  • Core web vitals em 2022

    Core web vitals em 2022

    As Core web vitals são as métricas criadas para medir a performance do seu site conectada com a experiência do usuário. Elas incluem elementos como tempo de carregamento do maior elemento da página, estabilidade visual e tempo de interação.

  • Lighthouse 6.0

    Lighthouse 6.0

    Lighthouse para quem não conhece ele é o sistema de auditorias de performance, acessibilidade, SEO e PWA dentro do Chrome Dev tools. Também com a possibilidade de instalação no Firefox através de extensão e com NPM. Nesse mês de maio foi anunciado a versão 6.0 do Lighthouse, que estará disponível na versão 84 do Chrome.…