Uma das minhas perguntas favoritas em entrevistas é “como o senhor se mantém atualizado sobre as técnicas de front-end e APIs emergentes?” Sempre recebo as respostas padrão “blogs” e “RSS”, mas raramente ouço “dos gurus do Twitter”. Acho isso estranho porque aprendo com o senhor. cargas do Twitter, especialmente quando se trata de CSS, porque um pequeno trecho pode fazer algo muito legal.
Eu tinha ouvido falar do CSS mix-blend-mode era algo fantástico, mas isso me surpreendeu:
Use `mix-blend-mode:multiply;` em seu CSS para eliminar os fundos brancos das imagens
Caneta: https://t.co/vE9cmxaG5K pic.twitter.com/v5VQEDoVH3
– Wes Bos (@wesbos) 4 de abril de 2016
Essencialmente, usando mix-blend-mode: multiply; em uma imagem com fundo branco transformaria esse branco em um nível de opacidade como se a imagem fosse um .png com opacidade. Uau! Criei uma demonstração aqui:
Que parte incrível do CSS! Agradecimentos ao Wes Bos pelo aviso sobre esse recurso CSS bacana!
Criação de efeitos de paralaxe de rolagem com CSS
Introdução Há muito tempo, os sites com o chamado efeito “parallax” são muito populares… Caso o senhor não tenha ouvido falar desse efeito, ele basicamente inclui diferentes camadas de imagens que se movem em diferentes direções ou com diferentes velocidades. Isso leva a uma…
MooTools Equal Heights Plugin: Equalizador
Manter alturas iguais entre os elementos dentro do mesmo contêiner pode ser extremamente importante para manter uma página bonita. Infelizmente, às vezes, manter as colunas com a mesma altura não pode ser feito com CSS – o senhor precisa de uma pequena ajuda de seus amigos JavaScript. Bem… agora o senhor está…