Planejamento

A IA gera CSS, mas você sabe se é bom?

A IA escreve CSS em segundos, mas gera código desorganizado e insustentável. Descubra por que arquitetura CSS é a habilidade que separa quem usa IA com critério de quem apenas aceita o que ela cospe.

Guia para revisões eficientes de UX e UI

Como fazer code review de CSS

10 dicas para manter a Especificidade CSS baixa

Tira-dúvidas sobre BEM

CUBE CSS: uma nova metodologia CSS

BEM: guia definitivo do padrão CSS mais famoso

6 vantagens em usar BEM ao escrever CSS

Source Maps em produção?

Como detectar touch com CSS puro

Tipografia: um processo para escolher fontes

Planejamento com imagens responsivas

Animações web: garantindo a consistência entre design e código

Local Maximum

10 dicas para menus responsivos

Introdução à gamificação (parte 3): exemplos do mundo real

Introdução à gamificação (parte 2): vantagens da gamificação

Introdução à gamificação (parte 1): princípios da gamificação

Retrospectiva 2018

Como encontrar CSS morto e otimizar estilos

A maneira 100% correta de fazer breakpoints em CSS

Responsive Components: uma solução para container queries

Os melhores bancos de imagem grátis (stock images)

Retrospectiva 2017

Mitos de interface mobile - Mito 3: simplicidade é bom, complexidade é ruim

Mitos de interface mobile - Mito 2: sites móveis requerem menos features

Mitos de interface mobile - Mito 1: usuários móveis estão sempre com pressa

Você não precisa de um framework CSS Grid

O novo esqueumorfismo está no assistente de voz

Acabem com Google AMP antes que ele acabe com a web

Desenvolvimento Orientado a Modinha (DOM)

Ser um generalista não é uma coisa ruim

Desenvolvedores devem participar do processo de Design

Redução Progressiva e Decaimento de Experiência

Melhores práticas para uma API RESTful pragmática (parte 2)

Ícones precisam de labels?

A Zona do Polegar: projetando interfaces para polegares

Retrospectiva 2016

Desmistificando o CSS crítico "acima da borda"

Checklist de UX para desenvolvedores

Unidades de viewport: controle de tipografia em web design responsivo

UX em validação de formulários com HTML e CSS

Melhores práticas para uma API RESTful pragmática (parte 1)

Conteúdo Modular e Adaptável

Imagens responsivas com srcset e sizes

Device-Agnostic ou Web Design Responsivo Independente de Dispositivo

Melhore o tempo de carregamento com subconjuntos de fontes

JavaScript Module Pattern (Padrão de Módulo)

Prevenindo "layout thrashing" com FastDom

O que todo desenvolvedor front-end deve saber sobre renderização de páginas web

Pré-processadores CSS e Chrome DevTools

Namespacing em JavaScript

Genymotion: emulador de Android

JavaScript IIFE como contêiner de códigos

dpw2014 - parte 2: desempenho / performance

Gulp Fiction

Gulp

Tipografia responsiva: melhores artigos e tutoriais

UIkit: framework front-end modular responsivo

Imagens em web design responsivo: atributo srcset e elemento picture

Media queries e download de imagens

5 armadilhas de web design responsivo a evitar

Como loading de JavaScript funciona: DOMContentLoaded e OnLoad

Bower: gerenciador de pacotes front-end

Relação cliente e profissional web no mundo real

Grunt: build tool para projetos front-end

HTTP 503: a maneira correta para SEO

As novas regras da web responsiva

Performance como design

Checklist para profissionais de UX manterem a sanidade em projetos complexos

Começando com Git

Webshims Lib: Polyfills de recursos de HTML5 e CSS3

O que SEO pode aprender com UX?

Como criadores de conteúdo se beneficiam com o "novo SEO" (parte 2)

Como criadores de conteúdo se beneficiam com o "novo SEO" (parte 1)

Evitando erros comuns de HTML5

Microdata API e Schema.org: dando significado ao HTML

Desenvolvedores front end e o mercado

Usando Modernizr para detectar features de HTML5 e CSS3

Elementos de design aplicados à Web

Cores na web: guia completo

Erros comuns em desenvolvimento web para campanhas de SEO

Estratégia Web de Pirâmide: guia para uma estratégia de web equilibrada

Ferramentas para criação de wireframes

4 elementos de design para um bom call to action

Como otimizar imagens para Web: guia de otimização de imagens

8 características de User Interfaces (UI) de sucesso

Meta tags

CSS float: considerações, dicas e macetes para bons layouts na web

Maneiras práticas para melhorar a visitação de seu blog e fidelizar seus leitores

Gestalt aplicado ao design web (parte 6): princípio da experiência passada

Gestalt aplicado ao design web (parte 5): exemplos web do princípio do alinhamento

Gestalt aplicado ao design web (parte 4): princípio da boa continuidade ou princípio do alinhamento

As melhores práticas de SEO para seu site ou blog melhorar o posicionamento nos mecanismos de busca

Gestalt aplicado ao design web (parte 3): exemplos web do princípio da proximidade

Gestalt aplicado ao design web (parte 2): princípio da proximidade

Gestalt aplicado ao design web (parte 1): origem do termo, significado e utilidade