Aman Singh

If programming is hard, you're doing it wrong.

[Aman Singh @amn_sngh]

I am a Level 32 on @CodeSignal now!! https://t.co/oRUz7cEqoP

[Aman Singh @amn_sngh]

Continued with our journey of creating an accessible Modal component in React part 2.
- Focus placement when the modal is open
- Returning focus to the element that invoked it
- Closing modal when the `Esc` key is pressed
- Focus trap
- Scroll Lock

https://t.co/SLbdjJ8TKb

[Aman Singh @amn_sngh]

Creating a modal dialog from scratch can be challenging, considering the UX and accessibility of it. I have taken a crack at it and written an article to explain things in parts.

https://t.co/1HTkPzCCa1

[Una 🇺🇦 @Una]

:has() + container queries = the component-based logical styling we've always dreamed of 😍

In this demo:
🖼 If the card has an image: make the font smaller & at < 400px wide, stack it
✨ If no image: bigger font, no stacking

https://t.co/UJuXCXUrvV

⚠️ Need flags on in Canary

[Aman Singh @amn_sngh]

Have you ever had trouble understanding how HTML elements are stacked? What role does `z-index` play?
I wrote a small article unveiling the stacking rules for the HTML elements. This will aid in your journey of demystifying how z-index works.

https://t.co/5YCtJPiwKd

[Aman Singh @amn_sngh]

Thank you @helloworldless for writing this helpful article.

Gatsby Starter Blog: How to Add Header Images to Posts with Support for Twitter Cards

https://t.co/BDrTSyJswe

[Aman Singh @amn_sngh]

@JedWatson @KeystoneJS Congrats @JedWatson. Amazing work. More to come 🎉

[Scott O'Bother @scottohara]

Do not use aria-hidden on content that can be focusable (including tabindex=-1)

But tbh, think really hard about using aria-hidden in general. Why are you specifically trying to hide visible content from AT users?

Sometimes it is necessary. Many times it is incorrectly used.

[Rik Schennink @rikschennink]

🧪 Use CSS numeric factory functions instead of string concatenation to set style unit values.

https://t.co/S4E5wzt7MT

[Nicole Sullivan @nicolesullivan.bsky.social @stubbornella]

Personal take: a lot of things would suck less if design systems and JS frameworks weren’t so tightly coupled.

[Lee Robinson @leerob]

The new React docs are out!

Well-written and practical, complete with interactive examples, diagrams, and more. Plus, they teach Hooks first.

Give them a read and provide feedback: https://t.co/Z6HM1EZvrt

[Aman Singh @amn_sngh]

@milkysingh27 I upgraded my membership just to play it. 🤣

[Stefan Judis @stefanjudis]

Safari now supports `enterkeyhint`. 👏

I always like it when the enter key gives me more context. 👇

🔗 Spec: https://t.co/IOQkUsjB6f

#devsheets

[Aman Singh @amn_sngh]

Accessible Authentication and Redundant Form entry are some interesting success criterion being added in the new WCAG 2.2.
Web should be inclusive and accessible to everyone.
https://t.co/y7Nf9kWrSZ

[Cory House @housecor]

#1: Know the 8 ways to handle state, and when to consider each.

[Aman Singh @amn_sngh]

I just registered for PWA Summit 2021 https://t.co/nse3FJHtUT

[Aman Singh @amn_sngh]

@ConsoleDotLog I haven't used Tailwind yet. But from your thread messages, if learning Tailwind is a steep curve, added with scrouring the docs every time you need something, then I agree with you.
If you already know your fundamentals in CSS, why would you need to re-learn.

[Aman Singh @amn_sngh]

@ConsoleDotLog What brought you to this conclusion? I am curious to know your thoughts.

[Aman Singh @amn_sngh]

Just got my ticket for #nextjsconf by @vercel, claim yours!

Let's make the Web. Faster.

https://t.co/tKvZiiGTAV

[Pratham @Prathkum]

Create image carousel using 2 lines of CSS. 🚀📷

🖇 https://t.co/Lpl2OHse3Z