Categoria

Frontend, UI/UX e Performance Web

WCAG 2.1: checklist prático para desenvolvedores front-end
Frontend, UI/UX e Performance Web

WCAG 2.1: checklist prático para desenvolvedores front-end

A WCAG (Web Content Accessibility Guidelines) 2.1 é a referência internacional para acessibilidade web, publicada pelo W3C. Ela estabelece critérios de sucesso que tornam o conteúdo digital acessível para pessoas com deficiências visuais, auditivas, motoras, cognitivas e de fala. A estrutura se baseia em quatro princípios fundamentais, conhecidos pela sigla POUR:

13/07/2023
Ferramentas de automação de tarefas: Gulp, Webpack e Vite comparados
Frontend, UI/UX e Performance Web 27/06/2023

Ferramentas de automação de tarefas: Gulp, Webpack e Vite comparados

Ferramentas de automação de tarefas são softwares que executam processos repetitivos do desenvolvimento web de forma programática. Elas eliminam a necessidade de ações manuais como compilar Sass, minificar JavaScript, otimizar imagens ou recarregar o navegador. Em projetos modernos, essas ferramentas são essenciais para produtividade, consistência e desempenho.

Internacionalização no frontend com i18next e formatação de datas
Frontend, UI/UX e Performance Web 13/06/2023

Internacionalização no frontend com i18next e formatação de datas

Produtos digitais que alcançam audiências globais precisam falar a língua do usuário — literalmente. Estudos mostram que 75% dos consumidores preferem comprar em seu idioma nativo, e 60% raramente ou nunca compram em sites apenas em inglês. A internacionalização (i18n) não é apenas um detalhe técnico; é um fator decisivo para retenção e conversão.

Frontend frameworks sem JavaScript: HTMX e Phoenix LiveView
Frontend, UI/UX e Performance Web 30/05/2023

Frontend frameworks sem JavaScript: HTMX e Phoenix LiveView

O JavaScript moderno tornou-se um gargalo em muitas aplicações web. Frameworks como React, Vue e Angular exigem bundles pesados, carregamento assíncrono complexo e gerenciamento de estado no cliente. Eliminar o JavaScript do frontend não significa voltar ao modelo estático dos anos 2000, mas sim adotar uma abordagem onde o servidor é a fonte única de verdade para renderização e interatividade. Os benefícios incluem:

Tauri 2: apps desktop com Rust e frontend web sem o peso do Electron
Frontend, UI/UX e Performance Web 29/05/2023

Tauri 2: apps desktop com Rust e frontend web sem o peso do Electron

Tauri é um framework para construção de aplicações desktop multiplataforma que combina um backend em Rust com um frontend web tradicional (HTML, CSS, JavaScript/TypeScript). Diferentemente do Electron, que empacota um navegador Chromium completo, Tauri utiliza o renderizador nativo do sistema operacional (WebView) — no Windows é o WebView2 baseado no Edge, no macOS o WKWebView, e no Linux o WebKitGTK.

CSS anchor positioning: o fim das gambiarras de tooltip e popover
Frontend, UI/UX e Performance Web 08/05/2023

CSS anchor positioning: o fim das gambiarras de tooltip e popover

Por anos, desenvolvedores web enfrentaram um pesadelo recorrente: posicionar tooltips, popovers e menus dropdown de forma precisa e responsiva. A abordagem clássica dependia de JavaScript puro — ou bibliotecas como Popper.js — para calcular coordenadas com getBoundingClientRect(), monitorar eventos de scroll e redimensionamento, e ajustar manualmente as posições.