Tutorial de design e algoritmos 2025, Janeiro

Existem caracteres Unicode triangulares. Você pode desenhar um triângulo em SVG. Mas há outra maneira de desenhar um triângulo na web, envolvendo nada além da propriedade da borda e um pequeno truque de CSS. "

Existem algumas animações de rolagem que são possíveis em CSS sem nenhum JavaScript. Basta olhar para o capítulo sobre o indicador de rolagem, que é claramente a mágica do CSS. Mas podemos fazer muito trabalho de animação de rolagem diretamente em CSS com apenas um pouco de informação fornecida por JavaScript: até que ponto a página rolou. "

A propriedade box-shadow é obviamente útil para sombras claras atrás de elementos, proporcionando uma sensação de dimensionalidade e separação. Mas a sombra da caixa tinha alguns truques na manga, especialmente como uma sombra da caixa não precisa ser suave, pode ser empilhada e nem mesmo precisa estar muito perto. "

Você pode fazer listras de fundo em CSS usando gradiente linear. Freqüentemente pensamos em gradiente como um desbotamento de uma cor para outra, mas o truque das listras é não ter desbotamento. Em vez disso, podemos especificar "interrupções de cor" no mesmo local, de modo que a cor mude instantaneamente de um (...) "

Talvez o maior truque em toda a grade CSS seja ser capaz de escrever um layout de coluna que não declare explicitamente o número de linhas ou colunas, mas as crie automaticamente com base em instruções um tanto soltas e no conteúdo que você fornece. "

Arrastar um elemento pela tela é algo que faz parte do território do JavaScript. Você deseja acessar eventos DOM, como cliques e movimento do mouse. Mas estamos aqui para falar de truques de CSS, então vamos fazer isso apenas em HTML e CSS! "

Os rótulos devem ter atributos "para" que correspondam ao ID da entrada que estão rotulando. Isso significa que podemos capturar esse atributo e usá-lo em um seletor para "