Advertisement
  1. Web Design
  2. CSS Grid Layout

Novo Curso: 3 Projetos de Grade CSS para Web Designers

by
Read Time:2 minsLanguages:

Portuguese (Português) translation by Jorge Silva (you can also view the original English article)

O Layout de Grade CSS é um projeto em desenvolvimento da W3C que define um sistema de grade poderoso e que facilita a apresentação de páginas web utilizando CSS.

Neste nosso novo curso, 3 Projetos de Grade CSS para Web Designers, vai poder criar três projetos que o vão ajudar a compreender o que é possível fazer com a "Grade".

O Que Vai Aprender

Com a orientação do instrutor Craig Campbell da Envato Tuts+, vai trabalhar em três projetos que o vão ajudar a dominar o layout de Grade CSS.

O primeiro é de nível iniciante e vai apresentar-lhe os conceitos de Grade. O segundo, eleva o nível, explorando coisas como alinhamento e aninhamento. O projeto final está num nível ainda mais avançado e utiliza Flexbox combinado com a Grade. O acompanhamento destes três projetos até ao fim vai ajudá-lo a evoluir de utilizador iniciante da Grade a utilizador confiante da Grade.

Aqui ficam algumas lições gratuitas deste curso como antecipação do que pode esperar.

Como Criar um Layout Simples Utilizando Espaçamento de Colunas

Aprenda como criar um layout de Grade simples com CSS. Vamos definir as áreas da nossa grade utilizando as propriedades grid-column e grid-row.

Ligações Relacionadas

Como Criar Grades Aninhadas

Por vezes, pode dar conta que precisa de um sistema de grade dentro de outro sistema de grade. Neste vídeo do segundo projeto, vai criar grades aninhadas utilizando o módulo de Layout de Grade CSS.

Ligações Relacionadas

Como Desenhar uma Grade Complexa

No terceiro projeto as coisas ficam mais complicadas. Neste vídeo, da secção final do curso, vai desenhar o grade principal para este projeto.

Ligações Relacionadas

Comece a Aprender Com um Teste Gratuito

Pode aproveitar desde já este nosso novo curso com um teste gratuito de 10 dias da nossa subcrição mensal. Se decidir continuar com a subscrição, esta tem um custo mensal de $15 e obterá também acesso ilimitado à nossa biblioteca de centenas de cursos, com novos cursos a serem adicionados todas as semanas.

Ainda pretende aprender mais? Nós construímos um guia de fácil compreensão para o ajudar a aprender CSS online, caso esteja agora a começar com o básico ou caso queira explorar mais sobre CSS. Confira: Aprenda CSS: O Guia Completo.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.