Sou relativamente novo em web design e programação (quase dois anos depois que decidi aumentar minha educação em Literatura Inglesa aprendendo algumas habilidades técnicas).
Claro que comecei com um CMS. Claro que foi o WordPress. Então, é claro, me formei no Drupal, mas me senti preso em usar todas aquelas GUIs e contribuir com temas e módulos. Sempre romantizei os codificadores. Talvez seja culpa de Hollywood, mas a ideia de um cara (ou garota) sentado em seu computador e hackeando o mundo me parecia muito ruim . E você sabe, eu preciso de muito pouca instigação para mergulhar de cabeça em algo novo e ficar completamente obcecado por isso.
Então, o que definitivamente é durão? Sim, aprendendo a codificar.
Depois de se familiarizar com HTML e CSS padrão, você definitivamente deve pensar em se familiarizar com seu terminal de linha de comando. Basta o básico. Aprenda um pouco todos os dias. Hoje, aprenda o que sua linha de comando realmente é (é um lugar onde você digita comandos para dizer ao seu computador, diretamente, para fazer as coisas que você deseja). Amanhã, embarque em seu primeiro passeio pela estrutura de arquivos, por meio dos comandos ‘ls’ e ‘cd’.
Se você está esperando que eu vá direto ao ponto, é o seguinte: use SASS / Compass para escrever folhas de estilo melhores. (Por que falei sobre o terminal? Bem, você instala o Compass através do terminal. Ou, se preferir mantê-lo na interface gráfica do usuário, verifique o aplicativo Scout.)
O que é SASS? Folhas de estilo sintaticamente impressionantes. O que é Compass? Uma coleção de helpers e mixins para tornar o SASS ainda mais incrível. Eles andam de mãos dadas, algo semelhante ao javascript e jQuery.
O SASS não é difícil de aprender porque é construído em CSS e você só precisa usar o SASS quando quiser (o que deve ser feito com frequência).
Há uma grande quantidade de documentação excelente para você começar, então não vou explicar a linguagem aqui, mas rapidamente, algumas coisas que ela oferece:
Variáveis , Mixins , Aninhamento , Herança de Seletor , Suporte a vários navegadores , Ritmos Tipográficos , Sprites
Depois de pegar o jeito, você nunca mais escreverá CSS normal novamente. É uma grande economia de tempo, especialmente para problemas de compatibilidade entre navegadores, e torna seu CSS mais inteligente! Confira estes recursos para mais:
http://sass-lang.com , http://compass-style.org/ , http://thesassway.com/beginner