SVG Coding Examples: Useful Recipes For Writing Vectors By Hand

Myriam Frisano explores the basics of hand-coding SVGs with practical examples to demystify the inner workings of common SVG elements. In this guide, you’ll learn about asking the right questions to solve common positioning problems and how to leverage JavaScript so that, by the end, you can add “SVG coding” to your toolbox. You’ll also be able to declare proudly, “I know how to draw literal pictures with words!” https://smashingmagazine.com/2024/09/svg-coding-examples-recipes-writing-vectors-by-hand/

Creato 10mo | 18 set 2024, 14:30:05


Accedi per aggiungere un commento

Altri post in questo gruppo

Droip: The Modern Website Builder WordPress Needed

Traditional page builders have shaped how we build WordPress sites for years. Let’s take a closer look at Droip, a modern, no-code visual builder, and explore how it redefines th

8 lug 2025, 13:40:02 | Smashing magazine
Design Guidelines For Better Notifications UX

As always in design, timing matters, and so do timely notifications. Let’s explore how we might improve the notifications UX. More design patterns in our <a href="https://smart-interface-design-patter

7 lug 2025, 14:30:03 | Smashing magazine
CSS Intelligence: Speculating On The Future Of A Smarter Language

CSS has evolved from a purely presentational language into one with growing logical powers — thanks to features like container queries, relational pseudo-classes, and the if() function. Is it still

2 lug 2025, 13:50:02 | Smashing magazine
Turning User Research Into Real Organizational Change

Bridging the gap between user research insights and actual organizational action — with a clear roadmap for impact. https://smashingmagazine.com/2025/07/turning-user-research-into-organizational-chang

1 lug 2025, 12:20:10 | Smashing magazine
Never Stop Exploring (July 2025 Wallpapers Edition)

July is just around the corner, and that means it’s time for a new collection of desktop wallpapers. Created with love by artists and designers from across the globe, they are bound to bring some good

30 giu 2025, 13:10:08 | Smashing magazine
Can Good UX Protect Older Users From Digital Scams?

As online scams become more sophisticated, Carrie Webster explores whether good UX can serve as a frontline defense, particularly for non-tech-savvy older users navigating today’s digital world. https

25 giu 2025, 15:10:05 | Smashing magazine
Decoding The SVG <code>path</code> Element: Curve And Arc Commands

On her quest to teach you how to code vectors by hand, Myriam Frisano’s second installment of a path deep dive explores the most complex aspects of SVG’s most powerful element. She’ll help you under

23 giu 2025, 12:10:03 | Smashing magazine