Flexbox: como passar para a próxima linha fácil

Quebrar linha com Flexbox √†s vezes pode ser um desafio… Leia o artigo e conhe√ßa uma t√©cnica simples para quebra de linha com Flexbox.

Vari√°veis CSS s√£o melhores que loops de Sass?

Vari√°veis CSS s√£o melhores que loops de Sass? N√£o necessariamente, mas veja este exemplo pr√°tico com as 2 tecnologias para atingir o mesmo objetivo em CSS.

Diquinhas marotas de CSS Grid (parte 2)

Último artigo da série com dicas e macetes (muitas vezes) não tão óbvios sobre CSS Grid para aprimorar as habilidades em layouts para web.

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!

O poder de flex-grow em Flexbox

Conheça uma maneira de usar flex-grow, uma das propriedades de Flexbox, para a solução de um problema comum de front-end.

Diquinhas marotas de CSS Grid (parte 1)

Conheça dicas e macetes (muitas vezes) não tão óbvios sobre CSS Grid e aprimore suas habilidades no melhor que o front-end tem a oferecer para layouts.

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!

Porque CSS Grid é melhor que Bootstrap para criar layouts

Com o advento de CSS Grid, o framework front-end Bootstrap pode n√£o ser mais t√£o necess√°rio… Saiba mais sobre os poderes de CSS Grid para layouts.

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.

Curso “CSS Grid: o sistema definitivo de layouts”

Aprenda CSS Grid Layout e desenvolva layouts de maneira surpreendente!

Você não precisa de um framework CSS Grid

Com o advento de CSS Grid Layout, n√£o demorou muito para surgirem frameworks de Grid. Mas h√° considera√ß√Ķes importantes a serem feitas.

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.

Retrospectiva 2015

Retrospectiva dos melhores artigos de 2015 para fechar o ano em grande estilo!

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.

Unidades de CSS moderno: rem, vh, vw, vmin, vmax, ex, ch

Conheças as unidades de CSS moderno (rem, vh, vw, vmin, vmax, ex, ch) e saiba como e quando aplicá-las no CSS ao criar sites.

Prevenindo “layout thrashing” com FastDom

Saiba o que √© “layout thrashing”, suas consequ√™ncias e como √© poss√≠vel evitar usando a biblioteca FastDom.

Tipografia responsiva: melhores artigos e tutoriais

Veja uma compila√ß√£o dos melhores artigos e tutoriais sobre tipografia responsiva e saiba mais sobre como a responsividade tipogr√°fica pode ser √ļtil em seus projetos web

UIkit: framework front-end modular responsivo

UIkit √© um framework responsivo modular de front-end projetado para ser leve e simples de se usar. Veja mais informa√ß√Ķes e conhe√ßa seus componentes.

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.

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!

Elementos de design aplicados à web

Conheça os princípios de design que vão mostrar como projetos web designs mais eficientes e funcionais.

Wireframes para web: guia completo de desenvolvimento

Leia este Guia e tire todas as suas d√ļvidas sobre wireframes: conceitos, produ√ß√£o, teorias, programas, conceitos e conselhos.

10 erros b√°sicos de web design

Conheça 10 erros básicos de web design e aprenda como evitá-los para tornar seus projetos web mais profissionais

URLs longas apresentadas corretamente com CSS

Apresentar corretamente URLs e outros textos longos é essencial para um layout consistente e de qualidade. Saiba como fazer isso lendo este artigo!

Ferramentas para criação de wireframes

Conheça ferramentas para criação de wireframes e mockups, gratuitas e pagas, que irão ajudar na prototipação de conceitos para web sites e sistemas virtuais

7 ferramentas para web designs melhores

Conhe√ßa 7 ferramentas para ajud√°-lo a elaborar web designs melhores e a ser mais relevante com os respectivos p√ļblicos-alvo de seus projetos

4 elementos de design para um bom call to action

Aprenda os 4 elementos para fazer call to actions mais eficientes, que agradam mais seus visitantes aumentam as taxas de convers√£o de suas p√°ginas

User Interface em dicas r√°pidas

User Interface em dicas rápidas para aprender dicas sobre o desenvolvimento de interfaces para uma melhor experiência do usuário. Aumente a usabilidade de seu site através dessas dicas rápidas

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