A especificação CSS está repleta de joias que passam despercebidas pela maioria de nós, designers e desenvolvedores da Web. Coisas como :focus-within, prefers-reduced-motione prefere-color-scheme de repente, entram no CSS sem que nós realmente saibamos por meses ou anos. Um exemplo disso é o background-repeat: round.
background-repeat: round repete uma imagem de fundo sem recorte!
.my-element {
background-image: url(logo.png);
background-repeat: round;
}
O tuíte de Addy Osmani retrata muito bem o efeito da round:
TIL CSS “background-repeat: round” (repetição de fundo: redondo) https://t.co/sS9H9HmqQ6 ~ repete imagens de fundo sem recortar ✂️ pic.twitter.com/R4rzDJ36R9
– Addy Osmani (@addyosmani) 23 de junho de 2020
Esse efeito de plano de fundo é muito bom, pois os planos de fundo recortados diminuem a aparência de qualquer elemento!
9 demonstrações de telas incríveis
O
<canvas>tem sido uma revelação para os especialistas em visual entre nós. O Canvas fornece os meios para animações incríveis e eficientes com o bônus adicional de não usar Flash; em vez disso, esses desenvolvedores podem exibir suas incríveis habilidades em JavaScript. Aqui estão nove demonstrações inacreditáveis de canvas que…
Corrigindo a impressão sIFR com CSS e MooTools
Embora eu não seja um grande defensor do sIFR, posso entender seu fascínio. Recentemente, um cliente nos pediu para implementar o sIFR em seu site, mas encontrei um problema: os cabeçalhos do sIFR não eram impressos porque eram objetos do Flash. Veja como corrigir…