hack flex-grow 9999: o hack de Flexbox que você precisa conhecer

Flexbox guarda muitas surpresas. Conheça o hack flex-grow 9999 e pergunte-se como você conseguiu trabalhar com Flexbox por tanto tempo sem saber disso!

Curso “Flexbox: o guia completo”

Aprenda Flexbox e domine uma das melhores tecnologias CSS para criação de layouts modernos e elementos de UI responsivos!

Responsive Components: uma solução para container queries

Conheça Responsive Components, uma solução para componentes responsivos que resolve o problema de Container Queries e pode ser usada imediatamente!

Retrospectiva 2017

Retrospectiva com os melhores artigos de 2017 do seu, do meu, do nosso desenvolvimento para web!

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

Terceira parte da série sobre mitos de interface mobile, abordando o mito: simplicidade é bom, complexidade é ruim.

Minicurso grátis “Sass placeholders: o jeito certo”

Saiba mais sobre o minicurso grátis para aprender a usar placeholder selectors do jeito certo e construir uma biblioteca de utilitários CSS.

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

Segunda parte da série sobre mitos de interface mobile, abordando o mito: sites móveis requerem menos features.

Curso “CSS Grid: o sistema definitivo de layouts”

Aprenda CSS Grid Layout e desenvolva layouts de maneira surpreendente!

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

Primeira parte da série sobre mitos de interface mobile, abordando o mito: usuários móveis estão sempre com pressa.

Curso “CSS: um passo adiante”

Eleve seu CSS ao próximo nível com CSSOO, SMACSS, BEM, Pré-processadores CSS, Namespaces CSS e Task Runners!

Imagem de largura total em layout com limite de largura

Conheça a solução mais simples e eficiente para ter imagem de largura total em layout com largura limitada.

CSS @supports: detecção nativa de suporte a propriedades CSS

Saiba mais sobre CSS @supports, diretiva CSS que permite detectar o suporte de navegador para propriedade de estilo. Ideal para progressive enhancement.

Redução Progressiva e Decaimento de Experiência

Redução Progressiva e Decaimento de Experiência: saiba mais sobre estas novas técnicas de UX para personalizar a UI de aplicações web.

Unidades de viewport: controle de tipografia em web design responsivo

Saiba como ter controle absoluto de tipografia em web design responsivo através de unidades de viewport.

Menu Cortina (Curtain Menu): novo menu mobile

Conheça o Menu Cortina (Curtain Menu), menu de navegação mobile com resultados surpreendentes garantidos pela Nielsen Norman Group!

Flexbox

Use Flexbox para levar a criação de layouts CSS ao próximo nível: saiba mais sobre Flexbox através de explicações detalhadas e exemplos de código.

Guia para os novos tipos de input HTML5

Conheça e saiba mais sobre os novos tipos de input HTML5 e como esses novos campos ajudam o desenvolvimento de formulários e a experiência do usuário (UX).

5 armadilhas de web design responsivo a evitar

Conheça 5 armadilhas de web design responsivo que você deve evitar e veja mais dicas sobre responsividade na web para desenvolver projetos responsivos melhores.

Alloy UI: componentes, informações e opiniões

Alloy UI, um UI framework feito com YUI3, é um projeto com bons componentes para desenvolvimento front-end e já é usado por grandes empresas pelo mundo.

As novas regras da web responsiva

Conheça as novas regras da web responsiva e saiba que é preciso acompanhar as mudanças para desenvolver uma web melhor.

Twitter Bootstrap

Conheça mais sobre Twitter Bootstrap e saiba como você pode desenvolver projetos mais robustos, profissionais e visualmente agradáveis com este incrível framework!

Filtros CSS3

Saiba como é possível usar os incríveis filtros CSS3 para efeitos como blur, greyscale, brilho, matiz, saturação e mais. Conheça o poder dos novos filtros CSS3!

Textarea: dicas e truques que você sempre quis saber

Textarea: dicas e truques para melhorar as interações com áreas de texto em suas páginas

Componentes de um sistema de navegação

Conheça os componentes básicos de um sistema de navegação e saiba o que é essencial para seu site permitir a fácil interação de seus visitantes

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

Aprenda sobre CSS float e veja dicas e macetes para fazer bons layouts para a web usando tableless