BEM: metodologia para escrever CSS

Essa dica serve tanto pra quem escreve código como para desenvolvedores, mas é pra webdesign.

Se você sempre teve dúvidas sobre qual a melhor maneira de criar código CSS em projetos complexos (como fazer código auto-explicativo – aquela classe é utilizada onde, pra modificar quem/o que?) criaram a solução: se chama BEM (Bloco, Elemento, Modificador) e pode ser lida neste link.

Não tem código pra baixar, nada pra instalar, só ler, mas tem de ter experiência sólida com CSS antes.

#ValeUmaLida #FicaAdica

Anúncios

WordPress – modelo Helium

Seguem aqui algumas dicas sobre como usar o modelo Helium, do WordPress.

Neste exemplo, a página inicial é um resumo do portfólio (uma divisão do modelo), e a página de blogs é a página “blogs” do modelo.
Tenha em mente que tanto as páginas como blogs tem configurações próprias para exibição no site em WordPress.

Mais

Testes de compatibidade: tecnologias para páginas da web x navegadores

can-i-use

O site Can I Use permite ver a compatibilidade dos principais navegadores de internet, do mercado, com algumas tecnologias para criação de paginas para web (FlexboxCSS GridCSS transforms, SVG, CSS calc() ).

E tudo isso com um bom design e informações em forma de gráficos, #ValeAdica!

Links relacionados: seção Webdesign > Testes de compatibilidade

Dica de design – multimídia – video

Animação de texto em vídeo – ferramentas gratuitas online (na internet)

powtoon PowToon

introchampIntroChamp

Ambos criam textos animados em vídeo, online; na versão gratuita aplicam selo do site no vídeo, mas de modo discreto (ou que não interfere com sua animação).

Se precisar esconder ou remover o selo, basta usar a imaginação na hora de planejar, fazer e/ou editar o vídeo…