Web Development Resources

Chris Coyier

Chris Coyier is the founder of CSS-Tricks, and also a co-founder of CodePen. His tools have been used by web designers and developers for over 15 years.

Blog

Social Media

Rachel Andrew

Rachel Andrew is a co-founder of Perch, which is a PHP-based content management system. She is also well known for her contributions to CSS, in particular CSS Grid.

Blog

Social Media

David Walsh

David Walsh is a senior developer at Mozilla and is known for his tutorials and articles on various Web Development topics.

Blog

Social Media

Wes Bos

Wes Bos is a web developer and educator who is well known for his tutorials and online courses. He often covers JavaScript related topics, like React and Node.js.

Blog

Social Media

Instantly Create "Dark Mode" with One CSS Trick

I came across this article from David Walsh that shows you how to create a "Dark Mode" effect with only one CSS property. It simply inverts all of the colors of a selected element, so applying this to the HTML element would allow you to create dark pages out of lighter ones, and vice-versa. It is not a true dark mode solution in most cases, however it is an interesting visual effect.

This trick was so easy to implement, that I created a little script which allows you to change this page's colors if you just

Perhaps I could use this trick as a baseline for what different elements could look like in dark/light mode if I ever wanted create a project that toggles these colors.

Citation

"Give me some information about some of the most popular Web Development bloggers", ChatGPT, 3.5, OpenAI, 26 Mar. 2024, https://chat.openai.com/c/68110762-1d93-4b46-9adb-5099429d947e