Sara Soueidan

Sara is a Lebanese freelance front-end web developer and speaker, specializing in semantic markup, CSS, SVG, and progressively enhanced, responsive design, with a strong focus on accessibility and performance. She is the author of our CSS Reference and has co-authored the Smashing Book 5, a book that covers time-saving, practical techniques for crafting fast, maintainable and scalable responsive websites. Sara also runs in-house workshops about SVG and about building accessible UI patterns. Her client list includes Netflix, The Royal Schiphol Group @ Amsterdam Airport, TELUS Digital, and more. Learn more about some of her work or hire her.

Website: http://sarasoueidan.com/

Sara's Articles (12)

SVG Filter Effects: Conforming Text to Surface Texture with <feDisplacementMap>

In Articles February 12, 2019 2 Comments

SVGFilterEffects_displacementMap_featured

Learn how to make text conform to the texture of a surface using feDisplacementMap in this fifth article of our SVG Filter series.... read more

SVG Filter Effects: Duotone Images with <feComponentTransfer>

In Articles February 5, 2019 1 Comment

This fourth article in our SVG Filter series will show you how to use feComponentTransfer to create a duotone filter effect.... read more

SVG Filter Effects: Poster Image Effect with <feComponentTransfer>

In Articles January 29, 2019 Comments Off on SVG Filter Effects: Poster Image Effect with <feComponentTransfer>

SVGFilterEffects_ComponentTransfer_featured

Learn how feComponentTransfer works and how you can posterize images with this powerful SVG filter primitive.... read more

SVG Filter Effects: Outline Text with <feMorphology>

In Articles January 22, 2019 4 Comments

In this second part of our SVG Filter series you'll learn all about the feMorphology filter, how it works and how you can use it to create interesting effects.... read more

SVG Filters 101

In Articles January 15, 2019 12 Comments

The first article in a series on SVG filters. This guide will help you understand what they are and show you how to use them to create your own visual effects.... read more

Styling SVG <use> Content with CSS

In Articles July 16, 2015 64 Comments

An in-depth article on how to style the contents of the SVG <use> element and overcome some challenges it brings.... read more

Introducing the Codrops CSS Reference

In News & Updates February 3, 2015 103 Comments

We've released a new section on Codrops: the CSS Reference. Discover more about it and what features we've added to make learning CSS more easy and practical.... read more

Making SVGs Responsive with CSS

In Tutorials August 19, 2014 59 Comments

An article on how to make embedded SVGs cross-browser responsive. We're going to cover embedding techniques, how to apply the "Padding Hack" and how to use inline me... read more

Techniques for Creating Textured Text

In Tutorials December 2, 2013 25 Comments

In this article we'll explore all the current techniques for creating image or texture filled text and show you how to apply them.... read more

Techniques for Responsive Typography

In Articles November 19, 2013 27 Comments

When it comes to responsive type on the web, there's more to do than just resizing the text's container and having the text reflow inside of it. This in-depth articl... read more

Building a Circular Navigation with CSS Transforms

In Tutorials August 9, 2013 158 Comments

A tutorial on how to create a circular navigation using CSS transforms. ... read more

Would you like to write for Codrops?

We are always searching for creative and bold minds that have extraordinary ideas and are happy to try out new things related to web design and web development. Become part of an amazing group of contributors and authors and start writing for us.

Get in touch with us and tell us what makes you crazy and innovative enough to join the Codrops team.