Cores e variáveis CSS: box-shadow-color?!
Cores e variáveis CSS: box-shadow-color existe de verdade?! Técnicas avançadas para sombras e cores dinâmicas com custom properties CSS. Truque incrível!
Ler artigoWeb Design
31 posts
Neumorfismo (neumorphism) em user interfaces
Neumorfismo (Neumorphism): tendência moderna de UI design. Efeitos soft UI inspirados em skeuomorphism com sombras sutis e elegantes. Experimente!
Ler artigo4 razões para fazer design sem cores primeiro
Melhore seu processo de design com grayscale. Descubra por que começar em preto e branco resulta em layouts mais limpos e usabilidade superior.
Ler artigoCSS element()
Descubra a função CSS element() que renderiza qualquer parte de um site como imagem ao vivo. Crie efeitos avançados com reflexos e dobras 3D.
Ler artigoUX em botões Cancelar
UX em botões de cancelar: boas práticas essenciais. Aprenda posicionamento correto, hierarquia visual e comportamento ideal de ações secundárias. Melhore!
Ler artigoBotões-fantasma (Ghost Buttons)
Entenda a evolução dos botões-fantasma no web design. Descubra quando usar, impacto na conversão e a transição do skeuomorfismo para flat design.
Ler artigo19 princípios de User Interface Design
Fundamentos essenciais para criar interfaces intuitivas e eficazes. Descubra 19 princípios de UI Design para melhorar a experiência do usuário.
Ler artigoExplorações de design visual
Explorações criativas em design visual para web moderna. Tendências, técnicas avançadas e experimentos para criar interfaces impactantes. Inspire-se agora!
Ler artigofont-display: controle de exibição de fontes para ajuste em performance
Font-display: otimize carregamento de fontes web drasticamente. Controle exibição durante download e melhore performance com swap, fallback e optional. Use!
Ler artigoFlexbox: como passar para a próxima linha fácil
Aprenda como quebrar para próxima linha em Flexbox. Técnicas e truques práticos para controlar wrapping e quebras de elementos flex. Domine!
Ler artigoTipografia: um processo para escolher fontes
Domine o processo para escolher fontes em projetos web. Critérios práticos, combinações harmônicas e decisões tipográficas para design eficaz!
Ler artigoLocal Maximum
Local Maximum: entenda o perigo da otimização incremental. Evite ficar preso em soluções subótimas buscando sempre inovação disruptiva. Inove!
Ler artigoVocê não precisa de um framework CSS Grid
CSS Grid vs Frameworks: análise completa e imparcial. Descubra quando usar Grid nativo e quando frameworks CSS ainda fazem sentido em projetos. Decida!
Ler artigoTipografia com foco ao web design: fonte, tipo, tipologia e tipografia
Domine tipografia com foco em web design. Entenda fonte, tipo, tipologia e princípios fundamentais para criar layouts digitais profissionais!
Ler artigoTwitter Bootstrap
Twitter Bootstrap: o framework front-end mais popular do mundo. Grid system flexível, componentes prontos e desenvolvimento rápido de interfaces responsivas!
Ler artigoElementos de design aplicados à Web
Princípios fundamentais de design aplicados à web moderna. Entenda equilíbrio visual, contraste, hierarquia e elementos essenciais para interfaces eficazes!
Ler artigo10 erros básicos de web design
Evite armadilhas comuns em web design hoje. Conheça os 10 erros básicos mais frequentes e aprenda a criar sites visualmente eficientes e profissionais!
Ler artigoCores na web: guia completo
Guia completo sobre cores na web: teoria, ferramentas de paleta e significado psicológico. Referências essenciais para escolher cores certas. Domine cores!
Ler artigoGradiente CSS cross browser: degradês em CSS sem usar imagens
Crie gradientes CSS cross-browser sem imagens. Técnica completa para degradês compatíveis com todos os navegadores usando CSS puro. Funciona mesmo!
Ler artigo7 ferramentas para web designs melhores
Analise e melhore seus web designs com ferramentas essenciais. Descubra heat maps, testes A/B, análise de usabilidade e otimização de conversão.
Ler artigoCSS float: considerações, dicas e macetes para bons layouts na web
Guia completo sobre CSS float para layouts: o que é, para que serve, problemas comuns e técnicas de clearfix. Domine layouts tableless clássicos na web!
Ler artigoDicas para um web design minimalista e usável
Crie web design minimalista e usável com dicas práticas. Aprenda a priorizar conteúdo, melhorar navegação e criar experiências eficientes. Simplifique!
Ler artigoDefinição de acessibilidade e conexão com design
Entenda acessibilidade web e sua conexão essencial com design. Conheça diretrizes WCAG e como criar sites verdadeiramente inclusivos para todos. Inclua!
Ler artigoBaixar ícones de alta definição e qualidade
Compilação atualizada dos melhores sites para baixar ícones gratuitos de alta qualidade. Encontre icon sets profissionais para seus projetos web.
Ler artigoGestalt aplicado ao design web (parte 6): princípio da experiência passada
Gestalt Parte 6: Princípio da Experiência Passada aplicado ao web design. Como conhecimento prévio influencia percepção e interpretação visual. Aprenda!
Ler artigoGestalt aplicado ao design web (parte 5): exemplos web do princípio do alinhamento
Gestalt Parte 5: Exemplos práticos do Princípio do Alinhamento na web. Aplicações reais de continuidade visual em design de interfaces digitais. Veja!
Ler artigoGestalt aplicado ao design web (parte 4): princípio da boa continuidade ou princípio do alinhamento
Gestalt Parte 4: Princípio da Boa Continuidade aplicado ao web design. Entenda como olhos seguem linhas e padrões em composições visuais. Domine!
Ler artigoGestalt aplicado ao design web (parte 3): exemplos web do princípio da proximidade
Gestalt Parte 3: Exemplos práticos do Princípio da Proximidade na web. Cases reais mostrando agrupamento visual e organização eficiente de conteúdo. Veja!
Ler artigoGestalt aplicado ao design web (parte 2): princípio da proximidade
Gestalt Parte 2: Princípio da Proximidade aplicado ao web design. Como elementos próximos são percebidos como grupo e aplicações práticas. Aprenda!
Ler artigoGestalt aplicado ao design web (parte 1): origem do termo, significado e utilidade
Gestalt aplicado ao design web - Parte 1: fundamentos. Origem histórica, significado e utilidade dos princípios de percepção visual. Comece a série!
Ler artigoIdentificador de fontes
Ferramentas essenciais para identificar fontes de imagens e sites. Descubra tipografias desconhecidas facilmente com recursos online e extensões. Identifique!
Ler artigo