Muita gente assim como eu tem dificuldade com algumas coisas no CSS, para lhe ajudar eu reuni alguns recursos úteis que me ajudam muito, então hoje vou apresentar 5 sites para te ajudar no CSS.
Gradiente
Criar gradientes pode ser algo complexo em relação a usar cores solidas.
Mas usar gradientes pode agregar muito ao estilo de um sistema, então eu acabo usando.
Então para ajudar a montar os gradientes uso o CSS Gradient.
Que torna a tarefa de criar gradientes bem mais simples e rápida, com alguns cliques o site já devolve o CSS do gradiente pronto.
Então eu acabo gastando bem menos tempo.
Paleta de Cores
Sendo bem sincero eu sou muito ruim com cores, então uso alguns sites que montam as paletas de cores onde há semelhança ou contraste, para isso eu costumo usar o color calculator da Sessions College.
Além disso eu uso o ColorHunt que me disponibiliza várias Paletas de Cores prontas.
Então em muitos casos eu basicamente copio a paleta que faz mais sentido para o projeto.
Validador CSS
Para validar se o CSS que escrevi está certo eu uso o validador de CSS disponibilizado pela W3C.
O serviço funciona de um jeito muito simples, você informa o CSS e o serviço informa se está validado ou não.
Você pode validar de três formas diferentes: a primeira é passando a URL que deseja validar, a segunda é importando o arquivo diretamente ao site a terceira é escrevendo no próprio serviço.
Link aqui.
Suporte de Browsers Antigos
Se você nunca teve que desenvolver algo que tivesse que funcionar no IE você deve se considerar privilegiado.
A fim de tornar essa árdua tarefa mais fácil eu uso o CanIUse para ficar por dentro das novidades e além disso uso o Autoprefixer para garantir que tudo funcionará nos browsers mais antigos.
Sintaxe (Cheatsheets)
Com tantas tags e formas diferentes de escrever o CSS, eu confesso que as vezes esqueço algumas coisas.
Então para relembrar a sintaxe eu uso o devhints que além de CSS tem sintaxe de diversas outras linguagens, ferramentas e frameworks.
5 Sites para te ajudar no CSS – Conclusão
Essas são algumas das ferramentas que eu uso para me ajudar no CSS, mas utilizo várias outras mas que são mais para diversão como o PixelArt to CSS, que permite converter uma Pixel Art para CSS facilmente.
E você tem alguma ferramenta ou site que te ajude no CSS? Comenta ai embaixo.
Quer mais dicas sobre desenvolvimento? Clique aqui.
