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

#css #c4r4x35

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" / "";
}

I'm...

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

Salma Alam-Naylor ・ Apr 24 ・ 2 min read

#css #webdev #beginners

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...

Yet Another Newsletter LOL: IMHO

Nick Taylor ・ Apr 23 ・ 4 min read

#newsletter #css #a11y #webdev

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...

Dark Mode Toggle and prefers-color-scheme

Abbey Perini ・ Apr 21 ・ 4 min read

#javascript #react #css #webdev

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:

Use a preprocessor: Use a CSS preprocessor such as SASS or LESS, which allows you to use variables,...

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

margishpatel ・ Apr 23 ・ 3 min read

#beginners #css #frontend #performance

##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.