Sara Soueidan
where else to find them
website:https://sarasoueidan.com
github:SaraSoueidan
bluesky:sarasoueidan.com
linkedin:sarasoueidan
speakerdeck:sarasoueidan
what they talk about
all 6 in the filters
where they keep going back
- CSS Day2 editions2018–2024
- Smashing Conference New York2 editions2018–2018
all 12 in the filters
on a stage with
never shared a talk
who talks about the same things
- Una Kravets45 talks
- Robyn Larsen4 talks
- Amelia Bellamy-Royds2 talks
- Lea verou35 talks
- Elizabet Oliveira12 talks
- Dmitry Baranovskiy5 talks
| title | conference | date |
|---|---|---|
| The “Other” C in CSS | CSSDAY 2024 | 2024-06-06 |
Concrete claims and concrete fixes: CSS changes the accessibility tree (role, name, presence) with examples — Safari removing list semantics when markers are… | ||
| Practical Tips for Building More Accessible Front-Ends by Sara Soueidan | Full Stack Fest 2019 | 2019-09-04 |
Practical, concrete rules and fixes: use semantic HTML and landmarks so screen readers get a page skeleton, add missing headings (sometimes visually hidden)… | ||
| Inclusively Responsive UIs with CSS and SVG | Cold Front 2018 | 2018-11-13 |
Shows how to wire prefers-reduced-motion to a single root CSS variable to cancel hundreds of animations, uses CSS custom properties plus the range input and… | ||
| SVG Filters: A Mini Crash Course | dotCSS 2018 | 2018-11-08 |
Shows recreating Photoshop effects in-browser by wiring SVG filter primitives into a processing chain: using feDisplacementMap driven by a desaturated, blurred… | ||
| Building Inclusive Experiences with CSS and SVG | Smashing Conference New York 2018 | 2018-10-23 |
Just like their range of skills, the front-end developer’s responsibilities may vary across teams, but one things remains the same: a front-end developer can… | ||
| From Icon Fonts To SVG; Workflow, Tools, Techniques And Everything In Between | Smashing Conference Toronto 2018 | 2018-06-26 |
Many teams still find themselves struggling to make the switch from icon fonts to SVG. SVG icon systems seem more complex and require a different workflow. But… | ||
| SVG Filters - The Crash Course | CSS Day + UX Special 2018 | 2018-06-14 |
Claim: SVG filters let you recreate Photoshop‑grade effects in the browser using concrete primitives and sequences. Examples include a drop shadow built from… | ||
| SVG Filters: The Crash Course | Beyond Tellerrand Munich 2018 | 2018-01-15 |
Shows exactly how to build real effects and which primitives to chain so they actually work: a drop shadow using FEOffset + FEGaussianBlur + FEFlood +… | ||
| The svg of .svg | Mirror Conf 2017 | 2017-10-12 |
Explains concrete SVG techniques: how viewBox vs viewport and preserveAspectRatio (meet vs slice) let an SVG crop, scale and position non‑SVG images so a… | ||
| SVG in motion | ffconf 2015 | 2015-11-06 |
Explains concrete choices: use inline SVG for DOM interactions, or object tag fallback / IMG or picture or CSS background when interactivity isn’t needed… | ||
| SVG Lessons I Learned The Hard Way | beyond tellerrand Düsseldorf 2015 | 2015-05-11 |
Practical takeaways: presentation attributes override inherited styles so SVG sprites with presentation fills break CSS targeting unless attributes use inherit… | ||
| Building Better Interfaces With SVG | CSSConf Australia 2015 | 2015-03-26 |
Argues SVG beats CSS for actual UI work with concrete examples: stroke-dashoffset line-drawing powers animated checkboxes that remove a sprite HTTP request… | ||
| Styling and Animating Scalable Vector Graphics with CSS | CSSconf EU 2014 | 2014-09-12 |
Shows concrete recipes and gotchas: use Illustrator Inkscape or Sketch then run Peter Collingridge’s online optimizer or SVGO to strip metadata; remove… | ||
| Styling and Animating Scalable Vector Graphics with CSS | CSSConf US 2014 | 2014-05-27 |
Notes are concrete not generic: recommends cleaning output with svgo or Peter’s online optimizer, uses the padding hack plus viewBox to make SVGs responsive… | ||
| nothing matches | ||