u/ms-maria-main r/Frontend • Recommends
Front End Center — Why Inline SVG is Best SVG
0:00 / 0:00
Front End Center — Why Inline SVG is Best SVG
Front End Center
14K subscribers • 2 videos on Hallway
- Recommended by 1 person: 1 in engineering communities.
- May be out of date. Uploaded 9 years ago, in an area where tools change fast.
- An opinion. It argues one side of a question engineers disagree on.
Intermediate. Assumes working knowledge.
140K views9 years ago1 recommendation
Web developmentCSS and layoutWeb performance
An explanation of why inline SVG is easier to work with than other embedding methods and how to write SVG by hand.
SVG is one of the most powerful tools in a front-end developer's arsenal, and while its browser support is excellent, there's enough rough edges that a lot of people consistently reach for an alternative such as icon fonts, static images or CSS-only drawing techniques. In this episode we'll look at what can be achieved by writing SVG by hand, simple effects that can add a lot to an interaction that only need a handful of lines of SVG + CSS. But we'll also consider why it is that Inline SVG, in particular, is so much easier to work with than embedding SVG in other ways. Want to see more? Subscribe at frontend.centerWhy it's here
1 person recommends thisWhat people say. Recommended as a great explanation of the benefits of inline SVG over other methods.