Too Many SVGs Clogging Up Your Markup? Try `use`.

Recently, I had to make a web page displaying a bunch of SVG graphs for an analytics dashboard. I used a bunch of , and elements on each graph to visualize certain metrics. This works and renders …

The post Too Many SVGs Clogging Up Your Markup? Try use. appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/too-many-svgs-clogging-up-your-markup-try-use/

Creato 4y | 10 mar 2021, 16:20:51


Accedi per aggiungere un commento

Altri post in questo gruppo

Make Any File a Template Using This Hidden macOS Tool

Stationery Pad is a handy way to nix a step in your workflow if you regularly use document templates on your Mac. The long-standing Finder feature essentially tells a file’s parent application to o

10 feb 2025, 19:20:06 | CSS tricks
Organizing Design System Component Patterns With CSS Cascade Layers

I enjoy organizing code and find cascade layers a fantastic way to organize code explicitly as the cascade looks at it. The neat part is, that as much as it helps with "top-level" organization, cas

10 feb 2025, 14:40:07 | CSS tricks
Container query units: cqi and cqb

A little gem from Kevin Powell's "HTML & CSS Tip of the Week" website, reminding us that using container queries opens up container query units for sizing things based on the size of the queried co

6 feb 2025, 15:40:06 | CSS tricks
Baseline Status in a WordPress Block

The steps for how I took the Baseline Status web component and made it into a WordPress block that can be used on any page of post.


5 feb 2025, 16:30:08 | CSS tricks
Compiling CSS With Vite and Lightning CSS

Are partials the only thing keeping you writing CSS in Sass? With a little configuration, it's possible to compile partial CSS files without a Sass dependency. Ryan Trimble has the details.

<hr

3 feb 2025, 15:40:18 | CSS tricks
Keeping the page interactive while a View Transition is running

When using View Transitions you’ll notice the page becomes unresponsive to clicks while a View Transition is running

31 gen 2025, 20:30:06 | CSS tricks
Chrome 133 Goodies

Did you see the release notes for Chrome 133? It's currently in beta, but the Chrome team has been publishing a slew of new articles with pretty incredible demos that are tough to ignore. I figured

31 gen 2025, 15:50:08 | CSS tricks