Blog

Why I built web-ai-sdk: a thin, typed layer over the browser's Built-in AI APIs that owns the lifecycle today and is designed to thin out as the platform matures.

WebMCP (Web Model Context Protocol) points to a web where agents do not have to guess their way through interfaces. A short reflection on intent, frontend capabilities, and making websites easier for agents to understand without replacing the human experience.

Everyone is talking about smarter models. The real product fight is over the agent surface, and the experience users learn to trust.

Most teams still think generative UI means “let the model render React”, and that’s the worst version of the idea. The actual story is a power-law taxonomy, and the real fight is over who controls the layer between the model and the pixels.

Google shipped built-in AI to 4 billion browsers. Mozilla and Apple objected. Here's why it doesn't matter, and what it means for developers and product teams.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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.

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

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.

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

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

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

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.

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

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

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

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

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

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

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.

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.

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

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

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.

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

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

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

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

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

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

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

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

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.

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

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

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

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

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

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

Abordagem sobre novidades do suporte do Safari ao formato WebP.

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

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

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

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.

Neste drop abordo brevemente SSG e SSR.

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

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

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

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

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

Abordagem pessoal feita para quem deseja iniciar os estudos sobre o mundo que envolve Web Components. E feedback para se começar a estudar o assunto desde já!