Você quer ser um desenvolvedor Front-End? #2 – CSS

Você quer ser um desenvolvedor Front-End? #2 – CSS

Fala Nerds, hoje vamos prosseguir com a série de post’s que irá abordar os principais assuntos para quem deseja se tornar um mestre pokemon, zuera. Mas se você deseja ser um excelente profissional Front-end, aqui vai a próxima dica, aprenda CSS.

Para quem estiver chegando agora, você pode ler o primeiro post dessa série clicando aqui.

Bom galera, seguindo o assunto, no ultimo post’s falamos sobre  HTML, o esqueleto de nossa aplicação web, mas hoje o assunto é CSS, mas o que vem a ser isso?

O CSS é responsável por definir o estilo de uma página web, ou seja, cores, fontes, tamanhos, margens, alturas e uma grande quantidade de opção de estilos para que o seu site seja apresentado em um browser.

Mas CSS vai muito além de apenas da cor ao seu site.

Toda a estrutura e ordenação que os elementos terão na tela, podem ser definidos em um arquivo CSS.

Além daquilo que todos conhecem, CSS pode ser aplicado também a arquivos XML que deem suporte a folhas de estilo.

Existem três formas de você escrever estilos.

A primeira delas é conhecida como inline:

Neste caso, atribuímos os estilos diretamente no elemento, sendo assim este estilo aplicado a apenas um elemento, esta forma de uso não é das mais indicadas.

A segunda forma é utilizando o elemento style no head da página:

Neste caso a organização do código é melhor que o exemplo anterior porém recomenda-se o uso apenas para pequenos trechos.

O terceiro e mais utilizado é o uso de um arquivo separada com o CSS, neste caso é necessário “linkar” o arquivo HTML ao arquivo CSS.

Desta forma todo a regra escrita no arquivo “linkado” será aplicada ao HTML em questão.

Mas isso é apenas o básico da primeira página de qualquer livro.

O que eu preciso saber então?

Onde estudar:

Literatura:

Ferramentas:

Indo além ( Pré processadores ):

Pré processadores são excelentes formas de se escrever estilos complexos e temas, o uso de variáveis e fórmulas potencializa o de estilos em uma página.

Indo Além ( Minificadores ) :

Hoje é essencial que além de entregar um código bem escrito, este código custe pouco em tráfego para ser baixado pelo “client-side”. Minificar seus arquivos é uma das formas de realizar isso.

Indo Além ( CSS3 ) :

Conheça as propriedades da versão 3 e saiba como utiliza-las, transições, animações entre outras funcionalidades deixaram seu site muito mais agradável ao usuário.

Bom é isso pessoal, se você chegou até aqui, parabéns, espero que tenham gostado e se algo estiver faltando por favor deixe seu comentário, criticas e sugestões são muito bem-vindas.

 

Até a próxima.

Related Posts