Eine ziemlich nette kleine Website von Joan Perals, inspiriert von Dingen wie Lynns A Single Div. Mit mehreren Hard-Stop-background-image-Verläufen benötigen Sie keine zusätzlichen HTML-Elemente, um Formen zu zeichnen – Sie können beliebig viele Formen auf einem einzigen Element zeichnen. Es gibt sogar eine Stapelreihenfolge, mit der Sie arbeiten können. Das Zeichnen mit Hintergründen ist sicherlich CSS-Trickerei!
Die Seite speichert Ihre Zeichen-IDs in localStorage, sodass Sie grundlegende CRUD-Funktionalität direkt zur Verfügung haben. Ich wette, das Ganze ist nur einen kleinen Sprung davon entfernt, eine Offline-PWA zu sein.