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/

Létrehozva 7mo | 2024. szept. 18. 14:30:05


Jelentkezéshez jelentkezzen be

EGYÉB POSTS Ebben a csoportban

What Does It Really Mean For A Site To Be Keyboard Navigable

Keyboard navigation is a vital aspect of accessible web design, and a detail-oriented approach is crucial. Prioritizing keyboard navigation prioritizes the user experience for a diverse audience, exte

2025. ápr. 18. 14:50:08 | Smashing magazine
Fostering An Accessibility Culture

While there’s no definitive playbook for building an accessibility culture, Dani shares lessons from his experience in shaping it through habits rather than mandates. https://smashingmagazine.com/2025

2025. ápr. 17. 13:30:04 | Smashing magazine
Inclusive Dark Mode: Designing Accessible Dark Themes For All Users

Dark mode isn’t just a trendy aesthetic. It’s a gateway to more inclusive digital experiences, but only if designed thoughtfully. Discover how to craft dark modes that don’t just look good but work fo

2025. ápr. 15. 15:10:08 | Smashing magazine
Gild Just One Lily

“Gilding the lily” isn’t always bad. In design, a touch of metaphorical gold — a subtle animated transition, a hint of color, or added depth in a drop shadow — can help communicate a level of care and

2025. ápr. 10. 16:50:11 | Smashing magazine
Using Manim For Making UI Animations

Animation makes things clearer, especially for designers and front-end developers working on UI, prototypes, or interactive visuals. Manim is a tool that lets you create smooth and dynamic animations,

2025. ápr. 8. 18:40:02 | Smashing magazine
How To Build A Business Case To Promote Accessibility In Your B2B Products

When passion for accessibility meets business indifference, what bridges the gap? Gloria Diaz Alonso shares how she turned frustration into strategy — by learning to speak the language of business. ht

2025. ápr. 4. 19:30:15 | Smashing magazine
Building A Drupal To Storyblok Migration Tool: An Engineering Perspective

In this article, Edoardo Dusi shares the engineering and architectural choices made by the team at Storyblok and how real-world migration challenges were addressed using modern PHP practices. https://

2025. ápr. 3. 15:40:08 | Smashing magazine