Tudo bem, pessoal. Criei um guia simples hoje sobre como usar clip-paths, svgs, loops e arrays para criar algumas coisas divertidas e emocionantes no front-end. Eu fiz isso com html/css/javascript básico para que seja fácil para todos entenderem, mesmo que o front-end não seja sua praia.

Esta é minha primeira visita a um site em formato de tutorial. Ao fazer um tutorial, também pude aprimorar habilidades básicas. Você pode ver o site completo aqui.

É emocionante poder entrar no editor de código e avançar sem pesquisar muito no Google.

Eu me diverti muito fazendo isso e espero que vocês gostem tanto quanto eu!

Achei que clip-paths e svgs tinham muitos usos em comum em um sentido mais amplo e queria investigar. Uma comparação de quando usar SVG e clip path está abaixo!

E por último, na página de arrays vemos que as possibilidades são realmente infinitas.

Deixe-me saber o que você pensa! Pode haver algumas imperfeições e redundâncias, mas está funcionando. No momento, isso é o que é importante para mim!