Arquivo de tags para "#CSS"
CSS Modules + React: conceitos básicos
Repositório com exemplo completo (branch react) Introdução ao CSS Modules Como reaproveitar estilos usando CSS Modules Antes de mais nada, é preciso instalar as dependências para criar um site com React. Vale lembrar que partimos do ponto onde paramos no artigo anterior. Se você não leu, dê uma olhada antes de continuar. npm i -D…
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…
Top 5 – Posts mais acessados de 2015
Tivemos um 2015 de muito trabalho árduo no qual dedicamos grande esforço para evoluir o Taller Blog. Superamos os 10.000 usuários, lançamos Infoquadrinhos, Séries, E-books e Videos, e um monte de assuntos do desenvolvimento de software, passando por design e marketing até gestão e comunidade, sempre com a influência da cultura Lean e Ágil para ajudar você…
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…