XOutlier
Download .zipAdd to Chrome

Sara Soueidan is on Bluesky

@SaraSoueidan117k followers

Award-winning Web UI engineer, int'l keynote speaker, author, educator • creator of the Practical Accessibility course:

Open on X
Top outlier
72.4×
Best organic post
Peak views
754k
Single post
Bookmarks
15k
Across 98 organic posts
Last scan
Oct 17
Community cache
Posts 98 posts
#DatePost↓ OutlierViewsLikesRepostsBookmarks
1Jul 1, '16Dear men, This is how you greet a veiled Muslim woman (a Hijabi). Hand on your chest, not offering to shake hers.🙋🏼72.4×020k17k17
2Sep 7, '24🔗 Alternatives to Using Pure Black (#000000) for Text and Backgrounds #a11y #design33.5×754k9.6k94410k
3Apr 26, '21FRIENDS!✨ I'm excited to announce I'm working on an #a11y video course!🥳 🔜 Practical Accessibility: a get-right-down-to-it course for designers & developers who want to start9.1×04.4k800384
4Apr 20, '21How it started vs. How it's going :: Home office edition 2011 vs. 2021 🐾 First steps into Web dev vs. 🏆 Award-winning engineer & speaker Always remember how you started. ❤️ L7.6×04.8k375170
5Feb 17, '19“a11y” is short for “accessibility”. That is all. This is my tweet. #a11y 👇🏻 Image via @mds5.6×02.7k73656
6Dec 24, '20If someone says front-end development is easy then I will 100% assume that they don't know/do front-end development well.5.6×03.4k41736
7Feb 6, '19If you’re a designer who cares equally deeply about beautiful colors and accessibility, you may find this tool (w/ 955 accessible color combinations!) indispensable: via @mrmrs_ #a5.3×02.2k644353
8Sep 5, '23Stop re-inventing the wheel and just use <button> to create a button. If you're worried about default button styles, use `all: unset`. This one line of #CSS will strip all default 4.9×110k790161145
9May 23, '19It’s been almost 5 years since I gave my first talk (at @CSSConf 💜) in 2014. 40 conferences over 5 years. I’m eternally grateful for each and every one of them. الحمد لله 🙏🏻😊 (4.3×03k12616
10Dec 4, '20CSS is beautiful. CSS is powerful. Just the way it is. Put the time and effort in and you may "get" CSS _at least enough_ to not hate on it. Sincerely, A front-of-the-front-end dev4.1×02.5k24939
11May 28, '21"Boring avatars is a tiny JavaScript React library that generates custom, SVG-based, round avatars from any username and color palette." — These avatars are anything but boring! 😍3.9×01.8k263427
12Apr 2, '19Hey @Twitter @TwitterDev please add basic markdown support to tweets? _word_ *word* `code` ..would make for a great start and can save us a few characters in a tweet. Plus tweets w3.7×02.2k3646
13Mar 30, '19I literally *never* use carousels on Web sites I visit. Never. Ever. And when I’m working on a project that requires building one, I feel sorry for the amount of time I need to ded3.5×02k26246
14Aug 22, '17Flexbox is not “The old layout technique” that is now “replaced by Grid” &amp; used only as Grid fallback. Components 👉🏻 Flexbox Pages 👉🏻 Grid3.5×01.6k5950
16Jul 14, '19I *love* working on the #UI side of the Web. I love that it’s the perfect sweet spot between design and engineering. I love that this sweet spot keeps both parts of my brain stimul3.4×02k27228
18Jun 17, '20I'm old-fashioned. I like my CSS seperated from my HTML; my HTML seperated from my JS; my JS separated from my CSS. I like my JS layer only added when I need it, usually progressiv3.2×01.9k23244
19Oct 9, '20I've been working with CSS for 7 years, authored a CSS reference, wrote countless articles on CSS... ...and I just googled the CSS `box-shadow` property syntax because I forgot whi3.0×01.8k19042
20Oct 10, '19I made a memoji 😅2.9×02.2k396
21Dec 10, '19Fun Fact: it's been almost six years since I started working on the Web and I still suck at git. I get by, but deep down I am secretly hiding the feelings of incompetence and terro2.8×01.6k10250
22Sep 1, '17Repeat after me: I do not need to be an expert to speak at conferences I do not need to be an expert to speak at conferences I do not nee2.7×01.4k3420
23Jun 15, '19So apparently I was born 33 years ago today. 🎈2.7×01.7k1510
24Jan 29, '21This incredibly talented 7.5-year-old girl created a single-div CSS-only Panda and is sharing how she did it with the rest of the world 😍 My timeline's going to get even brighter 2.7×01.4k25582
25Feb 9, '19Create a blog and write for youself, not for fame or popularity. Good, relevant content gets noticed and shared eventually (and btw there’s no shame in promoting ur work whenever u2.6×01.3k28456
26Jun 25, '20Whaaat! Today I learned that the &lt;form&gt; method attribute can take a "dialog" value which closes a &lt;dialog&gt; when the submit button is clicked: &lt;dialog open&gt; &lt;fo2.4×01.1k221203
27Aug 29, '19“Programmers imagine the most ridiculous ways to enter a phone number into a form“ One of the best things I’ve seen in a while 😂 some of these ideas are amazing 😂 —2.4×094434881
28Aug 23, '21View post on X2.3×087930684
29Mar 3, '19This is a whole other level of Twitter. I am literally speechless.2.3×01.3k1093
30Jan 17, '21Why Tailwind Isn’t For Me #CSS2.3×0969168173
31Feb 14, '19This project! 😂2.2×01.1k26034
32Nov 25, '19It’s rare to find great UX in visa application forms, but @govuk’s forms are really nice.. My favorite pattern is the one where, instead of asking you to retype your email, they di2.2×01.2k18288
33Jan 22, '18Absolutely in love with these #CSS Houdini experiments 😍 (currently require latest Chrome) by @iamvdo Just when you thought CSS can’t get any more awesome. 🤩2.1×01.1k2832
34Mar 14, '17I hate programming I hate programming I hate programming It works! I love programming! Sticker acquired. 😁✨2.1×09913030
35Jan 27, '21The South African government actually created its own browser just so that their Flash web forms would work again, instead of converting those forms to simple web-based HTML forms.2.0×074623836
36Jan 19, '21A good collection of native HTML and CSS replacements to otherwise common JavaScript-implemented features/behavior:2.0×0797146274
37Aug 29, '19CSS-only interactive widgets are, most of the times, inaccessible hacks. JavaScript is *required* to build certain components accessibly. Please don’t advocate CSS-only alternative2.0×01.1k22039
38May 3, '22Use semantic HTML.2.0×01.2k14527
39Apr 26, '19If you use viewport units alone, you take away your user’s ability to zoom text in and out. *But* combining it with a fixed unit using calc() (e.g. `font-size: calc(16px + .3vw);` 2.0×01k19981
40Jul 12, '17There’s a special place in hell for services that require log in to unsubscribe from their newsletter.2.0×01k2680
41Jul 18, '17Idea: reality show titled "Keeping up with the JavaScripts" Featuring lots of developers having identity crisis, flipping tables, etc2.0×01k2790
42Jun 29, '20Who else isn't jumping on the HEY bandwagon?2.0×01.2k1218
43Jan 15, '19Hello, world! 🙋‍♀️ Did you know that you can create amazing Photoshop-grade effects right in the browser using #SVG Filters? Why yes you can. 🔥 I’ve written a series to get you u2.0×0868226122
44Dec 5, '20💁‍♀️ Quick #CSS tip: The `outline-offset` property accepts negative values, which can be useful for when you want to show an outline &amp; avoid it cutting off or overlapping adja1.9×0980125143
45Nov 11, '18If you have a blog: please provide an RSS feed if you can. If you provide an RSS feed: please provide the whole post to read (in the RSS reader) not just a short excerpt. If you wr1.9×097123425
46Jan 8, '19The more I build accessible UI elements the more I witness how friggin powerful semantic HTML is. Sure, I already knew how important it is but seriously accessibility is one of tho1.9×01.1k19218
47May 31, '17How many ‘experienced’ devs out there find themselves learning the absolute basics every now &amp; then that everyone else seems to know abt? 🙋1.9×09221570
48Mar 20, '22Writing "plain #CSS" instead of using some framework is not "idealist". It's a natural &amp; practical approach to building Web sites *that just works* for many. If *you* NEED to u1.8×01k12726
49Mar 10, '23If you're overthinking, write. If you're underthinking, read.1.8×40k59610054
50Feb 14, '17This sticker! 😍 Does anybody know where I could get one from? 😄1.8×07872840
51May 22, '19While `aria-label` might be the most popular way to add an accessible label to buttons, it is certainly not the only way. ✏ On the blog, I wrote about the different ways you can ma1.7×0747206107
52Dec 21, '17When you have too many great design ideas and you can’t just choose one of them @lynnandtonic ‘s Web site is goals and I am both jealous and super inspired right now 😍😍 #RWD1.7×08782122
53Mar 11, '21I just installed Fig, and I like it: It “adds VSCode-style autocomplete to your existing Terminal.” It can do a lot, and there’s more exciting stuff on the roadmap. I think it’s go1.7×0806104150
54Oct 7, '22Here’s a recording of how VoiceOver on Firefox announces the credit card number field in the Paddle checkout form (audio on to listen) =)1.7×074416786
55Nov 20, '17Using #SVG as image placeholders — more image loading techniques: I LOVE this! I’ve been mentioning this kinda stuff in my talks lately but this article is taking it to the next le1.7×08312422
56Dec 12, '20“Google Fonts resources will be redownloaded for every website, regardless it being cached on the CDN. Self-host your fonts for better performance. The old performance argument is 1.7×0671160153
57Aug 3, '16Mind blown: Using viewport units to create a #CSS-only scroll indicator! 😱 by @MikeRiethmuller This is BRILLIANT!🔥1.6×07202800
58Jan 11, '19#TIL that removing list bullets with `list-style: none` removes &lt;ul/ol&gt; semantics in VoiceOver. Adding zero-width space fixes this; so this is yet another thing to add to our1.6×071821167
59Oct 8, '22I think designers underestimate just how good, usable, inclusive, &amp; sometimes even refreshingly delightful "boring" design is. - Visible labels &amp; instructions. - Link under1.6×074816073
60Dec 5, '20Grid &amp; Flexbox are a great duo. I reach for Flexbox when I need more controlled *space distribution*. I find myself reaching for Grid for 98% of my layouts — page layouts, comp1.6×09517269
61Sep 27, '19Did u know that some browsers make ”an educated guess“ to determine if a &lt;table&gt; is a data table or a layout table? That affects whether or not it is exposed to #a11y APIs. “1.6×064020384
62Jan 27, '19I’m going to actively start using @firefox a lot more in my work from now on. The devtools alone are worth it, let alone the bigger cause.1.6×09401045
63Mar 1, '19Unpopular &lt;opinion&gt;: I prefer the JS syntax prior to ES6. Fat arrows? Not a fan. I still write `function()` and think it is way more. Minimal syntax does not automatically le1.5×08496114
64Aug 17, '17Never used any frameworks, never will. Writing CSS from scratch is one of the best pleasures of building front-ends in my opinion. ✨1.5×07841430
65Jan 5, '21Dear designers, Please STOP. HIJACKING. MY. SCROLL! Thank you.1.5×0974949
66Aug 6, '19I’m in love with everything about the Inter typeface including the gorgeous minimal web site, the detailed documentation, available font styles, font file options (variable font in1.5×0770114105
68Jun 16, '2050% of my time writing #CSS is figuring out names for my classes. I’m not exaggerating.1.5×08987211
69Jun 5, '19- understand the box model - the cascade is your friend! - nest as little as possible - use one of the available methodologies (ITCSS, BEM, etc); ur future self will thank you - do1.5×078014360
70Sep 25, '19This is why I never wanna have to “upgrade” to the newer Macbook model. I also get to use the HDMI port for presenting without any needed adapters. Why would Apple take this conven1.5×0884629
71Sep 27, '17I don’t know what to love more: the guide itself or its beautiful minimal design 😍 #CSS #cssgrid1.5×07202300
72May 25, '20If you write technical articles, please add a publish date to the article. Too many articles contain outdated information &amp; I see people being misinformed because of that. If y1.5×07591656
73Aug 26, '21It's sad how we've come to a time when loads of unnecessary frameworks has become "cool" and is normal yet the mere mention of jQuery almost causes shame. I saw a video of someone 1.5×08377324
74Mar 2, '19100% This. This is why I don’t charge hourly.1.4×089810023
75Aug 27, '20I’m working on a Web site that has an RTL version. This is where #CSS logical properties truly shine as they make styling both LTR &amp; RTL possible using the same declarations. F1.4×068311299
76Mar 25, '21I wrote a little post about how I styled my &lt;hr&gt; elements (the birds on the wire), and how we can create more creative yet properly semantic horizontal rules using inline #SV1.4×066810099
77Jun 14, '19So, people are arguing again about whether or not writing CSS and HTML is “programming”, instead of spending this precious time actually learning how to write these two languages p1.3×0860957
78Jun 14, '17Did u know that #SVG comes with a conditional element allowing u to set a fallback for non-supporting browsers? ⬇️ from SVG workshop slides.1.3×05862241
79Dec 24, '20[Thread] I don't normally quote-tweet like this but I am so unbelievable sick and tired of people devaluing front-end development and treating it like it's a premature thing that a1.3×070712133
80Nov 3, '21🙂1.3×08962912
81Oct 4, '21While we're at it: if you don't have a Web site of your own and you've been blogging and creating content on third-party platforms, now might be a good time to reconsider creating 1.3×062714417
82Nov 6, '19I can’t count the number of times I’ve ditched an idea for a side project because I thought it wasn’t worthy, only to see someone else do it after a few months and find out what a 1.2×07838214
83Jul 19, '17If you're asked to speak at a conference, the organizers *must* cover *at least* your travel, accommodation &amp; transportation costs. Period.1.2×06041350
84Mar 22, '20I’ve been wanting to add a bird-y touch to my Website for a long time. So, my &lt;hr&gt; elements don’t look like your typical horizontal rules anymore 🦜 (still WIP, will go live 1.2×08252811
85Jun 16, '19Accurate 😂1.2×06841187
86Jan 2, '18If you want to use #CSS `object-fit` (+ `object-position`) to crop &amp; scale images to but need to support IE too, #SVG might just be your answer. ✏️ New blog post ✨ about the SV1.2×06131441
87Apr 17, '20#TIL that a horizontal rule (&lt;hr&gt;) is announced by screen readers (announced "horizontal splitter" in VoiceOver), so unless it is a _semantic_ thematic break between paragrap1.2×059313232
88Jul 10, '21This is so accurate it almost hurts just looking at it 😅1.1×06599631
89Aug 20, '20"Compared to other web development areas, front end is easy" me:1.1×06551038
90May 17, '20It's been years since the last time I used jQuery. I'm currently using it to quickly prototype ideas for an MVP. Seriously, it is still easily one of the best tools ever made for t1.1×06993610
91Aug 27, '19How often do we get to describe a UI/UX as being cute?! Not often enough. 😍 Delightful 💜1.1×06388630
92Sep 26, '22Remember jQuery? jQuery was great.1.1×07012710
93Jun 14, '20#newProfilePic bird mom life1.0×081153
94Feb 23, '19*wishes not all tools were React-dependent* Some dude who apparently relates to React on a very personal level: NO YOU’RE WRONG STOP TRYING TO BE A VICTIM AND EMBRACE THE NEW WEB O1.0×0639456
95Jul 16, '20My bird died. Please don't ask anything about it. I hate this year.1.0×056844
96Nov 22, '21Monday trivia: In Arabic, you don't just say "Goodnight". 🌙 You say "تصبحون على خير" which translates to: "May you wake up to good news". 💝1.0×06784315
97Sep 5, '20I feel this bird1.0×06296812
98May 15, '25🧵 (Re)introducing the Practical Accessibility course: ✨ It is a comprehensive, self-paced, online video course designed to demystify web accessibility and to equip you with the kn1.0×22k1802748
99Jul 13, '17Me at conferences1.0×0576820
100Mar 7, '20That feeling when you visit a Web site and it looks just a little too similar to yours. You inspect the code and oh to your surprise you find your exact HTML (including class names0.9×06351112
101Aug 4, '20Grateful for each and every one of you who's checked in on me and my family and sent good thoughts, prayers, and well wishes. 🙏🏻 I feel lucky to be a part of this community. Than0.9×0659101

Scan another creator

@
@karpathy@levelsio@paulg@naval@marclou@illyism

Run this on any account.

XOutlier builds this table for every public profile you open on x.com, with live data and every post, not just the top 50.

Add to Chrome Download .zip