Syntax - Tasty Web Development Treats SVGs with Sara Soueidan
11 snips
Jun 19, 2019 
Sara Soueidan, a freelance front-end UI developer and SVG expert, joins to illuminate the world of Scalable Vector Graphics. They discuss the essential role of SVGs in enhancing website accessibility and performance. Sara shares techniques for optimizing and animating SVGs, emphasizing the importance of tools like SVGO. The conversation also covers where to find quality SVGs and the significance of the viewBox attribute. Plus, dive into the challenges of using SVG text and filters while exploring exciting resources and workshop opportunities!
AI Snips
Chapters
Books
Transcript
Episode notes
What are SVGs?
- SVGs are XML-based images, both text documents and editable images.
- They offer flexibility for manipulation and dynamic updates within web development.
Avoid Icon Fonts
- Avoid icon fonts due to accessibility issues and browser inconsistencies.
- Prioritize SVG icons for better user experience and flexibility.
SVG Tooling
- Invest time in setting up proper tooling for SVGs to improve workflow.
- This makes SVG handling as easy as using icon fonts, enhancing developer experience.
