Beto Muniz — Blog

Projetando Aplicações Front-End Modernas

Sun, 30 Nov 2025 00:00:00 GMT

Um panorama sobre como é projetar aplicações front-end modernas.

Introdução a Observabilidade Front-End

Thu, 14 Sep 2023 00:00:00 GMT

Neste post falo sobre Observabilidade Front-End e sua importância dentro dos ciclos de desenvolvimento de aplicações.

Primeiro Post do Novo Blog

Tue, 05 Sep 2023 00:00:00 GMT

Um post sobre o porquê estou recriando meu blog e como ele poder ser útil para você que é profissional de tecnologia.

Padrão PRPL explicado

Fri, 19 Feb 2021 00:00:00 GMT

Neste drop falei sobre o padrão PRPL, uma abordagem para entrega de páginas web rápidas do carregamento ao uso.

Web Observability: Web Vitals

Thu, 18 Feb 2021 00:00:00 GMT

Neste drop de conteúdo falo sobre Observability na Web, um conceito que aborda métricas para otimização de performance na web.

Propriedade aspect-ratio no CSS

Fri, 29 Jan 2021 00:00:00 GMT

Neste drop dou detalhes sobre a propriedade CSS aspect-ratio, seu propósito e também dicas de uso.

Como funciona o atributo "download" da tag no HTML?

Fri, 08 Jan 2021 00:00:00 GMT

Neste drop falo sobre o atributo "download" suportado pela tag do HTML.

Null vs Undefined (e ReferenceError) no JavaScript

Wed, 09 Dec 2020 00:00:00 GMT

Neste drop falo sobre o comportamento das declarações primitivas "null" e "undefined" e também do erro ReferenceError no JavaScript.

O que são IIFE ou Funções Imediatas no JavaScript?

Fri, 04 Dec 2020 00:00:00 GMT

Neste drop explico o que são e como funcionam as IIFE no JavaScript.

Como funciona a propriedade CSS font-display?

Fri, 27 Nov 2020 00:00:00 GMT

Neste drop explico o propósito e o comportamento de cada estado da propriedade CSS "font-display".

Otimizando Acessibilidade Web com :focus-visible

Fri, 20 Nov 2020 00:00:00 GMT

Neste drop explico como funciona a nova pseudo-class ":focus-visible" no CSS e mostro como ela nos ajuda a melhorar acessibilidade web.

O que é e como funciona a AbortSignal API no JavaScript?

Fri, 16 Oct 2020 00:00:00 GMT

Neste drop falo sobre como funciona e o propósito da AbortSignal API dentro do JavaScript.

Como funciona Promise.allSettled no JavaScript?

Thu, 15 Oct 2020 00:00:00 GMT

Neste drop explico o funcionamento do método Promise.allSettled no JavaScript.

Como funciona Promise.finally() no JavaScript?

Mon, 12 Oct 2020 00:00:00 GMT

Neste drop exemplifico o funcionamento do método .finally() em promises do JavaScript.

O que é 'use strict' no JavaScript?

Fri, 09 Oct 2020 00:00:00 GMT

Neste drop falo sobre como funciona e o porque o 'use strict' existe no JavaScript.

Como funciona a Idle Detection API?

Wed, 07 Oct 2020 00:00:00 GMT

Neste drop falo como a Idle Detection API funciona e como usufruir desse recurso em nossas aplicações web.

Otimizando Fontes Customizadas com local()

Mon, 05 Oct 2020 00:00:00 GMT

Neste drop abordo um recurso CSS que otimiza o carregamento de fontes customizadas e que pode melhorar o tempo de carregamento do seu site.

O que são Numeric Separators no JavaScript?

Wed, 30 Sep 2020 00:00:00 GMT

Neste drop falo sobre os Numerics Separators, um padrão que facilita o trabalho com números no JavaScript, principalmente, números extensos.

Try-Catch-Finally Statements no JavaScript

Sat, 26 Sep 2020 00:00:00 GMT

Neste drop abordo o funcionamento das declarações Try-Catch-Finally no JavaScript.

CSS @supports

Thu, 24 Sep 2020 00:00:00 GMT

Neste drop falo como a CSS @supports API pode nos ajudar a entregar declarações CSS mais performáticas, legíveis e amigáveis ao browser.

File System Access API

Tue, 22 Sep 2020 00:00:00 GMT

Neste drop falo como a File System Access API nos permite manipular direto do browser arquivos locais sem fazer download ou upload.

Operadores Bitwise Shift no JavaScript

Thu, 17 Sep 2020 00:00:00 GMT

Neste drop abordo de forma breve o que são e como se comportam Operadores Bitwise Shift, um tema relativamente denso, mas extremamente interessante de se conhecer dentro do JavaScript.

CSS Columns

Wed, 16 Sep 2020 00:00:00 GMT

Neste drop falei sobre CSS Columns, um recurso muito pouco falado, mas muito útil na diagramação de textos.

e
no HTML

Tue, 15 Sep 2020 00:00:00 GMT

Neste drop falo das tag
, e principalmente da tag , que por sua vez, é muito útil durante o desenvolvimento de sites e aplicações responsivas.

AVIF: Superando o formato WebP

Mon, 14 Sep 2020 00:00:00 GMT

Neste drop falo do AVIF, um novo formato de imagem otimizado para web que promete ser mais potente do que o WebP.

prettier

Fri, 11 Sep 2020 00:00:00 GMT

Neste drop abordo a ferramenta Prettier, um code formatter que ajuda o desenvolvedor a preocupar mais com o código e menos com a apresentação do código propondo boas práticas de formatação.

Verificação de dados com Object Constructor

Thu, 10 Sep 2020 00:00:00 GMT

Neste drop falo sobre o Object Constructor e como ele pode ser útil na verificação dos tipos de dados com JavaScript.

LH e RLH

Wed, 02 Sep 2020 00:00:00 GMT

Neste drop falo das unidades de medida LH e RLH do CSS e exemplifico como podem ser úteis para trabalhar com tipografia e ícones.

Web OTP API

Mon, 31 Aug 2020 00:00:00 GMT

Neste drop falo sobre a Web OTP API, uma Web API que visa facilitar autenticação via SMS em aplicações web.

Web Share API

Fri, 28 Aug 2020 00:00:00 GMT

Neste drop falo da Web Share API, uma Web API que visa facilitar o compartilhamento de conteúdo através da web.

BigInt no JavaScript

Tue, 25 Aug 2020 00:00:00 GMT

Neste drop falo um pouco sobre como funciona BigInt's no JavaScript e o porque são úteis.

Unidade 'Zero Character': Entendendo a medida CH do CSS

Tue, 25 Aug 2020 00:00:00 GMT

Neste drop falo como a unidade de medida CH do CSS defini seu valor unitário e sua utilidade.

Referrer-Policy

Thu, 20 Aug 2020 00:00:00 GMT

Neste drop falo como o header Referrer-Policy nos ajuda a proteger a integridade de dados de nossos usuários durante a navegação web.

CSS Containment

Wed, 19 Aug 2020 00:00:00 GMT

No drop de hoje abordei a técnica CSS Containment que otimiza a renderização de elementos na página ignorando elementos já renderizados ao detectar novas alterações.

Web Crypto API

Fri, 14 Aug 2020 00:00:00 GMT

Neste drop falo da Web Crypto API, uma Web API bastante útil para lidar com operações básicas de criptografia diretamente no browser.

User Timing API

Thu, 13 Aug 2020 00:00:00 GMT

Neste drop abordo uma Web API bem interessante para o nosso dia a dia como desenvolvedor, a User Timing API.

HSTS

Wed, 12 Aug 2020 00:00:00 GMT

Neste drop abordei o header HTTP Strict-Transport-Security e como ele pode nos ajudar contra ataques man-in-the-middle em nossos sites e aplicações web.

LGPD

Mon, 10 Aug 2020 00:00:00 GMT

Um drop-aviso sobre a Lei Geral de Proteção de Dados.

Subsource Integrity

Mon, 10 Aug 2020 00:00:00 GMT

Neste drop abordo como e o porque devemos adotar verificações Subsource Integrity em nossos scripts externos.

X-Frame-Options e frame-ancestors

Thu, 06 Aug 2020 00:00:00 GMT

Neste drop falei sobre ataques Clickjacking e como se proteger deles.

X-Content-Type-Options

Wed, 05 Aug 2020 00:00:00 GMT

Neste drop falo sobre o header HTTP X-Content-Type-Options e como ele nos ajuda contra ataques XSS.

Content Security Policy

Tue, 04 Aug 2020 00:00:00 GMT

Neste drop falo sobre o header HTTP Content Security Policy e como ele pode nos proteger contra ataques XSS.

Resource Prioritization

Tue, 28 Jul 2020 00:00:00 GMT

Drop sobre Resource Prioritization na web — preconnect, prefetch, preload e prerender — com exemplos práticos e a abordagem moderna via Speculation Rules API.

WOFF e WOFF2

Mon, 27 Jul 2020 00:00:00 GMT

Neste drop abordo o estado atual dos formatos de web fontes modernos e recomendações de uso.

Dica CSS: position: sticky

Thu, 23 Jul 2020 00:00:00 GMT

Neste drop abordo a declaração CSS `position: sticky` e falo como ela possibilita manter elementos fixos relativos à barra de rolagem.

Screen Reader Only: Otimização para Leitores de Tela com CSS

Wed, 22 Jul 2020 00:00:00 GMT

Neste drop falo da técnica Screen Reader Only, que visa otimizar o suporte das nossas aplicações web para leitores de tela utilizando apenas CSS.

Texto Gradiente via CSS

Thu, 16 Jul 2020 00:00:00 GMT

Neste drop demonstro como obter Texto Gradiente usando apenas 3 propriedades CSS. É muito simples mesmo! Confere lá.

CSS Filter

Tue, 14 Jul 2020 00:00:00 GMT

Neste drop falo sobre a CSS Filter e como ela pode ser interessantes para manipulação de imagens até tematizações completas.

Dica Git: Revertendo Arquivos

Fri, 10 Jul 2020 00:00:00 GMT

Neste drop dou uma dica sobre como reverter versões de ARQUIVOS usando Git.

Progressive Web Apps

Thu, 09 Jul 2020 00:00:00 GMT

Neste drop contextualizo Progressive Web Apps com relação ao seu propósito de utilização.

Dica CSS: min(), max() e clamp()

Wed, 08 Jul 2020 00:00:00 GMT

Neste drop falo de três funções CSS muito úteis para o desenvolvimento web responsivo/adaptativo.

Dica CSS: object-fit

Tue, 07 Jul 2020 00:00:00 GMT

Neste drop comento sobre a propriedade CSS object-fit e seu comportamento.

WebP

Mon, 29 Jun 2020 00:00:00 GMT

Abordagem sobre novidades do suporte do Safari ao formato WebP.

LQIP

Thu, 25 Jun 2020 00:00:00 GMT

Já ouviu falar LQIP? Confira esse drop e saiba mais.

Pattern Guard

Tue, 23 Jun 2020 00:00:00 GMT

Neste drop falo sobre as vantagens do uso do Pattern Guard.

Dica CSS: user-select e selection

Fri, 19 Jun 2020 00:00:00 GMT

Já ouviu falar dos recursos ::selection e user-select no CSS? Confira esse drop.

Text Fragments na Web

Thu, 18 Jun 2020 00:00:00 GMT

Neste drop falo sobre Text Fragments, um recurso da web que permite gerar links que apontam direto para um trecho específico de texto dentro de uma página, com highlight automático.

SSG e SSR

Wed, 17 Jun 2020 00:00:00 GMT

Neste drop abordo brevemente SSG e SSR.

Web Vitals: Como está a saúde da web?

Sun, 31 May 2020 00:00:00 GMT

Neste drop abordo o Web Vitals, uma nova recomendação Google para otimização de experiência de usuário e performance web.

Não desperdice seu tempo. Organize sua agenda.

Tue, 31 Mar 2020 00:00:00 GMT

Neste drop compartilho um processo de gestão de tempo que eu mesmo defini utilizando o Google Calendar e hábitos simples.

Desenvolvedores(as): Quem disse que reinventar a roda é ruim?

Fri, 08 Nov 2019 00:00:00 GMT

Neste drop desconstruo, sob minha ótica, a falácia de que 'reinventar a roda' é um caminho errado para que exista aprendizado e inovação.

Autogestão e Comunicação: Os segredos do bom profissional remoto

Sun, 03 Nov 2019 00:00:00 GMT

Um drop sobre aprendizados que obtive trabalhando remotamente e dicas de como se adaptar bem neste modelo de trabalho

Benefícios da comunidade de desenvolvimento para sua carreira

Wed, 23 Oct 2019 00:00:00 GMT

Saiba o quanto as comunidades de desenvolvimento podem ajudar você na sua carreira.

Service Workers: Be Offline

Wed, 07 Jan 2015 00:00:00 GMT

Abordagem sobre o que são Services Workers e quais os benefícios dessa tecnologia para nossa perspectiva de desenvolvimento web.