Top all-time · #2339
Sara Soueidan
Personal blog · sarasoueidan.comdesignweb
Sara Soueidan's personal blog at sarasoueidan.com covers design and web. Since 2013, 35 different Hacker News readers have linked it 42 times, most often “Setting up a screen reader testing environment on your computer (2023)”. It is still writing: the last post was on 2026-10-11, and you can follow it by feed.
– The personal website of Sara Soueidan, inclusive Web UI engineer
Most-linked posts?
- Setting up a screen reader testing environment on your computer (2023)3 people · 3 mentions · first linked 2022-11-28
- Understanding SVG Coordinate Systems and Transformations2 people · 2 mentions · first linked 2016-08-30
- Migrating from Jekyll+GitHub Pages to Hugo+Netlify2 people · 2 mentions · first linked 2017-06-06
- Are 'CSS Carousels' Accessible?2 people · 2 mentions · first linked 2025-05-07
- Understanding SVG Coordinate Systems and Transformations2 people · 2 mentions · first linked 2020-09-21
- Just Write2 people · 2 mentions · first linked 2024-02-14
What Hacker News says?
For those who don't want to navigate Twitter for whatever reason (tracking, slows down your browser, bad UI, etc.), here's the content from the thread (the images and videos are still Twitter-hosted, by the way): ----------------------------------- It's done! Winamp2-js ( https://jordaneldredge.com/projects/winamp2-js/ ) finally supports all three windows! To celebrate, here's a list of some of the cool things it ca…
Comment linking /blog/css-svg-clipping/)
on “A Reimplementation of Winamp 2.9 in HTML5 and JavaScript”Submitted Animated SVG vs. GIF as a story · 188 points
HN discussionThat's good to keep in mind. No IE support for `appearance` but it can be used in such a way that it's just a more ordinary input in that browser. There are still more things you can do within a label. This is a good article on improving methods of visually hiding the actual inputs. https://www.sarasoueidan.com/blog/inclusively-hiding-and-sty...
Comment linking /blog/inclusively-hiding-and-styling-checkboxes-and-radio-buttons/
on “HTML and CSS techniques to reduce your JavaScript”Submitted A guide to designing accessible focus indicators as a story · 62 points
HN discussionThis is awesome! Twitter has been my goto for posting TILs for about as long. Now I regret not collecting them in a more coherent format like this. Sara Soueidan has a similar log oriented toward UI work: https://www.sarasoueidan.com/today-i-learned/
Comment linking /today-i-learned/
on “I've been writing TILs for 5 years”Submitted Why We Need a ViewBox Property in CSS as a story · 62 points
HN discussionSome amazing non-male developers: — Jen Simmons: http://labs.jensimmons.com/ — Julia Evans: https://jvns.ca/ — Lea Verou: http://lea.verou.me/ — Mina Markham: http://mina.codes/ — Sara Soueidan: https://sarasoueidan.com/articles/ — Sarah Mei: http://www.sarahmei.com/blog/ — Ana Tudor: https://thebabydino.github.io/ — Anna Debenham: http://www.maban.co.uk/
Comment linking /articles/
on “Ask HN: Which developers do you closely follow?”Submitted Not Your Typical Horizontal Rules as a story · 40 points
HN discussionSara Soueidan's is pretty great - https://sarasoueidan.com/ - especially the speaking section. She's amazing generally though, so it's quite a high bar! I had some good feedback on mine as well - https://tim.fyi - and I'm pretty happy with it (love to hear what other people think too though). After the intro though, it's more about highlighting recent specific projects and talks and articles, rather than acting as a…
Comment linking /
on “Ask HN: What are the best personal project websites you've seen?”Submitted Migrating from Jekyll+GitHub Pages to Hugo+Netlify as a story · 5 points
HN discussionThe flash of unstyled SVG can be fixed by setting explicit view box (the "viewBox" attribute) and viewport (the "width" and "height" attributes): https://www.sarasoueidan.com/blog/svg-style-inheritance-and-...
Comment linking /blog/svg-style-inheritance-and-fousvg/
on “SVG Viewer – View, edit, and optimize SVGs”Submitted Are 'CSS Carousels' Accessible? as a story · 4 points
HN discussionSVG is an untapped technology. It functions as an embedded document. When used within the Object tag, it can run javascript and CSS and ideally renders complex graphics with a much smaller payload. Also, they look amazing on all devices as they use the browser's rendering pipeline. SVG has been a fully supported standard for years. https://sarasoueidan.com/blog/art-directing-svg-object/
Comment linking /blog/art-directing-svg-object/
on “SVG has more potential”Submitted Clipping in CSS and SVG – The Clip-Path Property and <ClipPath> Element as a story · 3 points
HN discussionBecause people who write SVG's usually don't know about the viewBox property[0]. They just use illustrator to draw the shape and then export it. [0] https://sarasoueidan.com/blog/svg-coordinate-systems/
Comment linking /blog/svg-coordinate-systems/
on “After 1 minute on my modem (2016)”Submitted Just Write as a story · 3 points
HN discussionThis is very useful in combination with CSS, http://sarasoueidan.com/blog/css-svg-clipping/
Comment linking /blog/css-svg-clipping/
on “Show HN: Using SVG to Shrink Your PNGs”Submitted Understanding SVG Coordinate Systems and Transformations as a story · 3 points
HN discussionMy understanding is that a button used like this is already accessible. However a button that looks like this: <button type="button"> <img src="/delete.png" alt="Delete post" /> </button> Is not. Screen readers will read the simple text on the button, but any descendants of the button will be considered purely presentational (even if as in the example above the img tag includes an 'alt' attribute, it won't be read).…
Comment linking /blog/accessible-icon-buttons/
on “Reddit's Recently Announced API Changes, and the future of /r/blind”Submitted Understanding SVG Coordinate Systems and Transformations as a story · 3 points
HN discussionHer name is Sara[1] not Sarah. 1: https://www.sarasoueidan.com/
Comment linking /
on “We’re All Just Temporarily Abled”Submitted Making the Switch Away from Icon Fonts to SVG as a story · 3 points
HN discussionSubmitted Understanding SVG Coordinate Systems and Transformations as a story · 2 points
HN discussionSubmitted Setting up a screen reader testing environment on your computer (2023) as a story · 2 points
HN discussionSubmitted Just Write (2018) as a story · 2 points
HN discussionSubmitted Accessible Notifications with ARIA Live Regions as a story · 2 points
HN discussionSubmitted A guide to designing accessible focus indicators as a story · 2 points
HN discussionSubmitted Tips for Creating and Exporting Better SVGs for the Web as a story · 2 points
HN discussionSubmitted Building a Circular Navigation with SVG as a story · 2 points
HN discussionSubmitted Understanding SVG Coordinate Systems as a story · 2 points
HN discussion
