Tagtableless

Como criar um tema WordPress – Tutorial Básico

wp
Se você chegou até esse post pela busca, provavelmente este não é o primeiro tutorial sobre criar temas no wordpress que vc está lendo. Então, vou pular algumas coisas que sei que já falaram nos outros links.
Continue reading

Object Oriented CSS – A teoria das classes reutilizáveis – OOCSS

css

Por quê ?

A base da teoria oocss é algo que todos nós depois de alguns layouts recortados já devemos ou deveríamos nos ter deparado e notado: duplicação de estilos.

Uma sensação de dejavu, onde elementos diferentes e não relacionados, começam a declarar alguns estilos semelhantes, como cor de fundo, estilo de borda, família ou cor da fonte.. coisas desse tipo.
Continue reading

Afinal, como nomear IDs e CLASSes no CSS/HTML ?

Somos incentivados a usar UpperCamelCase para nomear classes em OOP, usamos lowerCamelCase nos nomes dos métodos, não podemos usar dash-case em nomes de variáveis (erro de sintaxe), por isso usamos underscore_case.. mas saindo do mundo backend, e voltando para o frontend, afinal, como nomear ids e classes no css/html ?

a
Continue reading

Tableless: Como posicionar elementos de um layout – Recorte CSS

Sim, um tema básico aqui no blog. Ou talvez nem tanto.
Diariamente vejo diversos desenvolvedores se enrolando com essa questão: “Como estruturar um layout css?”, ou “Por que tableless é tão difícil?”, e “Por que no Chrome/Internet Explorer, não fica igual?”

Continue reading

Separação de camadas no FrontEnd

Separar a VIEW do MODEL e não misturar as regras de negócio com os CONTROLERs há muito tempo já fazem parte das preocupações e boas práticas adotadas pelos programadores back end, mas e dos desenvolvedores frontend ?

A separação de camadas onde cada componente possui uma responsabilidade bem definida, também deve ser preocupação dos desenvolvedores frontend. As vezes as coisas ficam um pouco confusas, e então frequentemente vemos projetos em que está tudo misturado, trocado e até mal aplicado.
Continue reading