CSS: da Sintaxe ao Flexbox

CSS: Download dos projetos completos

Projetos Completos

CSS: Dúvidas Frequentes e Suporte

Confira abaixo algumas respostas para perguntas comuns sobre o CSS.

• Qual framework CSS eu devo usar?

  Desenvolver o front-end de uma aplicação pode levar dias, dependendo das funcionalidades que deverão ser implementadas. Pensando em como tornar esse processo mais ágil e barato, muitas empresas têm adotado soluções prontas no front-end de suas aplicações, a exemplo do Materialize, Bootstrap e Foundation.

  Geralmente esses frameworks tem funcionalidades similares e acaba sendo uma questão de familiaridade optar por um ou outro. Contudo, o Bootstrap tem se destacado ao longo dos anos por ser mais completo que os demais, fornecendo, além do design, um conjunto de plugins compatíveis com a jQuery que podem ser utilizados para atender a necessidades comuns de projetos de software como slideshows, tooltips, menus sandwich, entre outros.

• O que é CSS Grid?

  CSS Grid permite ao desenvolvedor organizar o conteúdo de uma página de forma semelhante a que fazemos com tabelas, mas com linhas e colunas abstratas que podem se sobrepor ou serem dispostas em camadas. Assim como no Flexbox, quando trabalhamos com CSS Grid temos um conjunto de propriedades que, quando combinadas, permitem chegar ao estilo desejado.

  Um bom exemplo do uso do sistema de grid é o do framework Bootstrap que, apesar de não utilizar essa tecnologia no momento em que esse texto foi escrito, já trazia em seu modo de organizar os elementos uma forma de trabalho muito próxima.

  Por exemplo, no Bootstrap podemos utilizar uma classe como col-md-6 para definir que uma coluna deve ocupar o lugar de seis. Geralmente, nesse sistema a página é dividida em doze colunas virtuais totais. No CSS Grid, essa declaração pode ser feita com a propriedade grid-column e com o valor span 6.

• Como eu posso validar o meu CSS?

  Quando escrito de forma incorreta o CSS pode apresentar erros difíceis de serem rastreados, por serem visíveis em apenas alguns navegadores. Atualmente, existem diversos IDEs criados especialmente para criação de código front-end que podem validar folhas de estilo durante a sua escrita. Mesmo quando utilizamos editores de texto, podemos usar ferramentas como o CSSLint, uma interface de linha de comando que procura por problemas no código CSS.

  A W3C, consórcio que mantém o CSS, disponibiliza em um de seus sites um serviço desenvolvido para a leitura e validação de arquivos CSS. Para acessá-lo você pode ir até o site https://jigsaw.w3.org/css-validator/, informar endereço da sua página ou enviar sua folha de estilo para análise.