Experimenting A New Syntax To Write SVG

It's been a while since I introduced a new syntax to the css-doodle project to solve my own problems. While I'm not sure it would be useful elsewhere, I need to make some notes before I forget the details.

It's been a while since I introduced a new syntax to the css-doodle project to solve my own problems. While I'm not sure it would be useful elsewhere, I need to make some notes before I forget the details. Motivation I always find it a bit hard to write SVG without the help of additional tools or libraries. The main issue for me is that SVG code grows too fast to keep up. If we take a closer look at the way most SVG is written, you'll notice that the code grows in two dimensions: attributes and tags . From this perspective, it might explain why writing HTML is relatively easier than SVG. There

saved by

• Christopher Hanes
• Ahmed Saheed

related reading

• The Art Of SVG Filters And Why It Is Awesome — Smashing Magazinesmashingmagazine.com
• Magical SVG Techniques — Smashing Magazinesmashingmagazine.com
• Interactive SVG Animationssvg.guide
• Building a Magical 3D Button with HTML and CSS • Josh W. Comeaujoshwcomeau.com
• Crafting the Next.js Websiterauno.me
• LaTeX.css — Make your website look like a LaTeX documentlatex.vercel.app
• The CSS behind Figmaishadeed.com
• The Design of This Websiteturntrout.com
• Understanding Layout Algorithms • Josh W. Comeaujoshwcomeau.com
• The Engineering behind Figma’s Vector Networksalexharri.com
• TailwindCSS: Adds complexity, does nothing. - DEV Communitydev.to
• GitHub - stanford-cs248/draw-svg: Stanford CS248 Assignment 1: Implement a simple SVG renderergithub.com