Postagens categorizadas: dicas

AMP Project — Criando minha primeira página em AMP HTML

Postado em por & marcado em dicas.

Pessoa segurando celular na mão e mostrando uma página em AMP HTML

Como criar suas primeiras páginas em AMP HTML e aparecer nos resultados de busca do Google Esse é um dos meus primeiros posts aqui no Medium. Sou desenvolvedor Front-end há mais de 10 anos (comecei na época do HPG, Geocities, Kit.net. Lembra?!). Vou compartilhar algumas ideias úteis e minhas experiências no desenvolvimento web. Vamos lá!… Read more »

CSSS – Ícones em botões, links de forma prática usando :before

Postado em por & marcado em dicas.

Todos sabem da dificuldade de inserir ícones num botão, alguns inserem a tag img, cercam ela de propriedades float para não quebrar o layout, deixando nada semântico e prático o seu código. Nesse caso usei um dos pseudos elementos, o before para inserir o ícone do Twitter. O HTML: 1<a href="http://twitter.com/andrewsfg">@andrewsfg</a> O CSS: 1234567891011121314151617181920212223242526a {… Read more »