DEV Community

Srinivas Kandukuri
Srinivas Kandukuri

Posted on

Awesome top 5 Posts from last week tagged(#css)

Hide text in CSS pseudo elements from screen readers with this one weird trick

TL:DR; Add empty "alternative text" to the pseudo element content to prevent screen readers announcing your decorative design elements, like so:

.someClass::before {
content: "M" / "";


Yet Another Newsletter LOL: IMHO

Another week, another newsletter. Let’s get to it!

Around the Web
This is an excellent talk from Rich Harris. I encourage you to check out Rich Harris: Hot takes on the web 🌶️.
The Alt Text War! SEO...

Dark Mode Toggle and prefers-color-scheme

When I wrote An Accessible Dark Mode Toggle in React back in 2021, @grahamthedev suggested I implement a prefers-color-scheme check in my theme setter. I finally got around to it.

What is...

13 Rules I Follow When Writing CSS To Make It Concise and Readable🚀💡

Here are 13 rules that can be followed when writing CSS to make it more concise and readable:

  1. Use a preprocessor: Use a CSS preprocessor such as SASS or LESS, which allows you to use variables,... ##Design your own ChatGPT Website Chatbot One of the unique things about our ChatGPT website chatbot technology is how much you can customise it. It's got settings for everything, custom designs being one of the settings you can apply.


Top comments (1)

c4r4x35 profile image
Srinivas Kandukuri

Shoutout to all the awesome authors featured this week : @whitep4nth3r , @nickytonline , @abbeyperini , @margishpatel , and @polterguy 🙌.