7 recursos úteis para quem está aprendendo CSS

2024 Autor: Malcolm Clapton | [email protected]. Última modificação: 2023-12-17 04:08

As folhas de estilo em cascata tornam o HTML chato atraente. Lifehacker selecionou sites em russo e inglês, bem como enciclopédias da web que ajudarão você a entender melhor o CSS.

O World Wide Web Consortium (W3C) recomendou a tecnologia CSS (Cascading Style Sheets) em 1996. Desde então, os desenvolvedores da web têm usado folhas de estilo em cascata para criar designs de site exclusivos.

Vinte anos atrás, os desenvolvedores brincavam com opções de fonte, atributos de texto e cores de elementos de página. Atualmente, animações, sombras, gradientes, anti-aliasing e muitas outras coisas avançadas estão em andamento.

Instale uma extensão do Chrome ou add-on do Firefox para admirar seus sites favoritos sem folhas de estilo em cascata.

As mudanças serão dramáticas, embora nem sempre. Por exemplo, um agregador de notícias dificilmente mudará: é tão simples quanto dois mais dois. No entanto, o recurso é visualizado mais de 150 milhões de vezes por mês.

Onde aprender os melhores pontos de CSS

1. HTMLbook

Vamos ser consistentes e começar com uma base teórica sólida. Para isso, recorremos a Vlad Merzhevich, autor de livros e desenvolvedor web, que mantém diversos recursos de qualidade sobre layout e estilo de páginas web.

Aqui você encontrará um tutorial autoexplicativo e respostas para perguntas populares sobre folhas de estilo em cascata. Existem também artigos tutoriais sobre a terceira especificação CSS atual.

2. WebReference

oferece uma referência alfabética para CSS. Cada propriedade possui uma breve descrição, sintaxe e um exemplo ao vivo. Não hesite em fazer perguntas - os autores do projeto entram em contato e discutem os detalhes de boa vontade.

3. Referência CSS

Além dos tutoriais em russo, adicionaremos sites estrangeiros. Com a ajuda deles, é mais fácil para alguns alunos mergulhar na profissão e aceitar sua terminologia. Portanto, toda a atenção está voltada. Não há nada supérfluo no site: propriedades CSS, explicações e ação. Das pequenas coisas agradáveis, notamos uma busca rápida e cópia de uma propriedade para a área de transferência com o clique de um mouse.

4. Prêmio CSS Design

A educação é um negócio longo e às vezes enfadonho. Seria bom encontrar motivação para ajudar em momentos difíceis. Seremos inspirados por outros web designers, ou melhor, pelo site. Todos os dias se apresenta aqui um projeto de qualidade, que serve de modelo para o que vale a pena lutar. Muitos dos vencedores são realmente surpreendentes. Não se esqueça de entrar e votar em seus indicados favoritos.

5. CSS Zen Garden

Tendo garantido o conhecimento e um farol, é hora de testar sua força nos negócios. E para não escolher o caminho por muito tempo, vamos encaminhá-lo para a página. Ele contém um arquivo HTML imutável, que usuários de todo o mundo tentam dar um design extraordinário usando folhas de estilo em cascata.

Carregue o HTML de referência, adicione seu estilo e envie tudo de volta. Talvez sua abordagem seja a melhor. A propósito, você pode baixar a versão de outra pessoa e ver como ela é implementada.

6. CSSPlay

É claro que você desejará aplicar algo que atraia a atenção de todos. Não sabemos se existe tal coisa, mas dezenas e centenas de truques curiosos estavam lá com certeza.

7. CSS Lint

Por que precisamos de outra pessoa, se nossas próprias mãos crescem retas? Isso realmente mostra. Além da verificação de sintaxe CSS básica, o serviço da web verifica a conformidade com as regras que afetam a velocidade de carregamento da página. A saída é um CSS agradável e compatível com o navegador.