Want to level up your or your team’s front-end development skills, but are overwhelmed by the sheer amount of resources on different topics and don’t have enough time to read the never-ending amount of articles & books available? Want to get up and running fast, learning the most recent and relevant skills to get the job done? I can help.
I am currently running front-end development workshops focusing on CSS and SVG. If your company, team, or event could benefit from a full or half-day workshop on one of these topics, I’d love to help provide you with one (or even two!).
The workshops are packed with practical examples, exercises and insights that attendees can take away and start applying right away. Whether you’re a designer, developer, or a company employing teams of both—there’s something for everyone.
I also run in-house workshops, so if you’re a company who wants to give its employees and extra, intense shot of front end, I’m here to help. You can also request multiple workshops spread over multiple days—from general front end design and development, to deep dives. Just let me know what you require and we can adjust accordingly.
The Power Combo is a perfect combination of CSS and SVG, brought together in a myriad of creative tips, tricks and techniques for building better, more creative and appealing user interfaces. You’ll learn how to mix these two together to build more playful, fun and crisp interfaces that please the eye as well as function just as beautifully.
An intense (as intense as an Espresso shot!), very technical full-day workshop covering a vast range of CSS topics (with a sprinkle of SVG): layout techniques with Grid and Flexbox, blend modes, shapes, custom properties a.k.a CSS variables, native feature detection, and responsive typography techniques.
Like a cup of coffee on a busy morning, this workshop will kickstart & rocket up your SVG skillset and get you up and running using this powerful image (and document) format in your responsive Web design workflow. Using SVG, you can create accessible, semantic images, icons, and animated documents. In this workshop, we'll go over everything you need to know to start using SVG today: design, export and optimization, implementation (icon systems, images, and interactive documents) and must-knows for when you start diving into animation.
Full-day SVG workshop with @SaraSoueidan was freaking awesome. If you ever get the chance, I can not recommend it highly enough — interesting content, good pacing, and some mind-bendingly cool examples. Thanks, Sara!—Jacques Favreau, Senior UI Engineer on the Web Core Team, Netflix
[Sara’s Workshops] are concise, heavily practical, hands-on and very, very useful. The feedback from attendees has been tremendous — due to Sara’s engagement and knowledge but also the level of depth covered in the SVG workshop she’s been running with us at SmashingConf LA. Highly recommended — exclamation mark!—Vitaly Friedman, Editor in Chief, Smashing Magazine
Sara is an encyclopedia. Be ready to take notes and do exercises like crazy. Don't be afraid to ask, you'll get the right answers from her.—Workshop attendee, SmashingConf LA
Having Sara give an all-day workshop was more valuable than I could have hoped. [...] This workshop is a smart choice for UI professionals, designers and data visualization developers, or anyone else who use or might use SVG in their work.-Elijah Meeks, Senior Data Visualization Engineer, Netflix