🖼️ Next.js: Open Graph Images
Generate dynamic images in your Next.js projects for sharing on social media.
Course of Accessible Light & Dark Themes
Learn how to implement accessible light and dark themes on a web page, how to integrate it into your CSS architecture, and how to adapt the designs to create stunning themes.
Offering dark and light themes to users is very trendy, but did you know it is also important from an accessibility perspective?
In this course, we will explore the reasons why it's worthwhile to offer options to users and how to adapt and implement designs to make them accessible.
With this course, you will learn to:
- 👐 Reasons to offer light/dark mode on websites
- 🌈 How to change our styles according to the theme
- 🏗️ CSS architecture with themes
- 🚦 Layout an accessible switch
- 🖍️ Choose the right colors
- 🖼️ Adapt images to our theme
- ⚡️ Select the theme with media queries
- 🎁 Allow users to overwrite the theme
- 📸 Avoid FOIT with SSR
- 👀 Text readability
Videos of the course
Related courses
🎨 Best Practices with CSS: Colors
Master the use of colors in CSS to create visually stunning and accessible sites. Use modern CSS such as lch for color management.
🚋 Advanced TypeScript: Improve Your Developer eXperience
Learn how to enhance the definition of your functions with utility types, const type parameters, and satisfies that will allow you to gain robustness and ease of use in your day-to-day tasks.
Pay according to your needs
lite (only monthly)
19 €
per month
- Access to a subset of courses to lay the foundation for maintainable, scalable, and testable code
- Company invoice
standard
24,92 €
Save 121 €
Annual payment of 299 €
per month- Full course catalog
- Design and architecture challenges
- Highlighted solutions videos for challenges
- Receive job offers verified by Codely
- Company invoice
premium
41,58 €
Save 89 €
Annual payment of 499 €
per month- Everything above
- More benefits coming soon
We won’t increase the price while your subscription is active