RSS Logo

by Mountaineerbr

#7 - CSS é Legal!


Today I am with a hangover from last night. That was not much fun, just spent money I should rather have saved..

After waking up, I was watching some videos os CSS frameworks and got a comment from Theo Dondé. He visited my webpage and said it was simple. Also, he told me to use Google's Materialize CSS framework. After some reading, I opted for the W3.CSS, which is simpler, lighter, faster and W3 seems to be a much better organisation than Google, plus W3 documentation is excellent and I really want to have the least to do with Google..

It was a good surprise to actually be able to use CSS frameworks!


Brazilian cartoon, the hangover woman
Fig 1. Me sinto como a Rê Bordosa hoje.. I feel like her today.. (credit: angeli)

Ontem de noite e hoje não foi um dia muito agradável.. Dei um escorregão, sai para me divertir, gastei um bom dinheiro que poderia ter economizado! Hoje, amanheci com a rebordosa.

Passei o dia vendo uns vídeos sobre frameworks, ou estruturas pré-definidas para formatação dá página com CSS.. fiz um comentário no canal do Theo Dondé, ele foi legal comigo, falou que que meu site estava legal mas era simples. Ele deu uma dica, para eu usar o framework Materialize desenvolvido pelo "Goo"-gle, daí achei, porra o cara tá achando que eu dou conta de usar um framework de CSS? Fiquei lisonjeado... Sem querer, comecei a procurar sobre esse assunto e achei o Bootstrap, que parece ser o mais popular, o tal do Materialize e o W3.CSS. Curti o W3.CSS pois ele é mais simples, não usa muito jquery e nem javascript, e parece ser um sucessor do Materialize. Fiquei surpreso e feliz de ter realmente conseguido usar o frameworks de CSS para refazer a página de apresentação do Blog. Os estilos de CSS da homepage mesmo estou fazendo na unha para ir aprendendo..


Os Frameworks

[Bootstrap logo] Bootstrap
Dá para fazer muitas coisas, pode ser comparativamente menos organizado ou restritivo do que o Materialize, então depende muito do bom-senso do web designer para que o layout do site fique legal. Os estilos são do tipo flat e almost flat, este último fica muito bom com layout de sites minimalistas!

[Materialize logo] Materialize
Ele é mais restritivo, normativo que o Bootstrap, então uma vez que tu consiga montar o site com ele, o site deve estar bonito e alinhado. A paleta de cores do Materialize é de objetos do nosso dia a dia, como um amarelo da placa de trânsito. Outra característica dele é o uso de bastante sombras.

[W3.CSS logo] W3.CSS
Baseia-se nas cores do Materialize e também no estilo de material design, também do Google. É mais simples, tem menos funções, mas é mais leve e muito rápido (pelo menos a versão 4 é!) e não requer jquery e nem javascript.. Mas também dá para adicionar javascript, por exemplo, , se quiser, para uma apresentação de slides.