Últimos sobre "#Front-End"
Como reaproveitar estilos usando CSS Modules
– Repositório com exemplo completo (branch continuation) O CSS Modules representa uma verdadeira quebra de paradigma na escrita de estilos para a web. A possibilidade de finalmente ter noção de escopo e segurança quanto aos side-effects tira um grande peso das costas dos desenvolvedores. Porém, ainda é preciso entender que essas mudanças não vêm sozinhas:…
Introdução ao CSS Modules
Importante: para reproduzir os exemplos deste artigo, é necessário ter Node e NPM instalados. Para isso, eu recomendo fortemente o NVM. Sobre o que estamos falando? Ainda hoje há uma série de problemas envolvendo a escrita de estilos CSS. Um desenvolvimento que trata essa parte com irresponsabilidade pode chegar a um código praticamente impossível de…
Nem Sass, nem LESS, nem Stylus: PostCSS!
A discussão interminável sobre o pré-processador ideal para o CSS vem de muito tempo. Mesmo eu, que apesar de usar Sass em meus trabalhos, e apesar de ter criado um projeto open-source em cima disso, passei os últimos 2 anos advogando pelo Stylus. Agora mudei de ideia outra vez: vou usar PostCSS. Por que não…
Falando de Front-end: Entendendo o processo para renderizar uma página web
Vejo muitas vezes alguns desenvolvedores que não se preocupam com a estrutura de código HTML ou ignoram o fato de ter várias regras CSS sendo sobrescritas, simplesmente pelo fato de não terem conhecimento sobre alguns conceitos que veremos a seguir. Entender os conceitos e processos que o browser utiliza para renderizar uma página é de fundamental…
Organizando CSS em Projetos Complexos #3 – Dicas Avançadas
Primeiro Artigo da Série. Segundo Artigo da Série. Repositório no Github. Dicas avançadas O motivo da estrutura apresentada nas primeiras duas partes da série ser tão complexa é porque a mesma propõe boas práticas de desenvolvimento e manutenção de estilos, além de visar aproveitar da melhor forma possível os recursos disponíveis. Para otimizar os resultados…
Organizando CSS em Projetos Complexos #2
Primeiro Artigo da Série. Repositório no Github. Gerenciando dependências Projetos de alta complexidade frequentemente requerem o uso de uma série de dependências. Não é difícil usar pacotes de CSS desenvolvidos por terceiros, mas simplesmente aproveitar os estilos não é uma boa prática. É preciso ter dinamicidade para atualizá-los e se preocupar com performance ao carregá-los….
Organizando CSS em Projetos Complexos #1
Arquitetura de Estilos Esta série de artigos se propõe a mostrar técnicas e recursos para escrever, gerenciar e manter estilos em projetos de grande complexidade, com grande escala ou duração. Este primeiro artigo irá abordar a arquitetura de escrita de estilos, apresentando ferramentas para otimizá-la e alguns passos para começar a usar estas ferramentas. Mas…
Falando de Front-end: SASS, por onde começar?
SASS, LESS ou Stylus são três nomes que muito provavelmente você já tenha ouvido falar. Principalmente em ambientes de trabalho que buscam maior produtividade no seu dia-a-dia. Melhorias contínuas visando aumento de produtividade são buscadas pela maioria das empresas. Portanto, o front-end também deve caminhar na mesma trilha, evitando desperdícios. Tanto o sass quanto o…
