YoVDO

Creating a Dark Mode Switcher With CSS and JavaScript

Offered By: Envato Tuts+ via YouTube

Tags

Web Development Courses Computer Science Courses Javascript Courses User Experience Courses

Course Description

Overview

Learn how to create a dark mode switcher for websites using CSS and JavaScript in this 45-minute video tutorial. Explore the increasing popularity of dark mode in operating systems and websites, and understand its benefits for user experience and energy efficiency. Follow step-by-step instructions to build a functional theme switcher, style it appropriately, and implement a dark theme for your web page. Cover topics including CSS variables, color scheme preferences, and making the switcher interactive. Access provided source files, relevant links, and resources to enhance your learning experience and apply the concepts to your own web development projects.

Syllabus

Welcome to the course!
The project so far
Creating and styling the theme switcher
Adding a dark theme to our page
Making the Theme Switcher Functional


Taught by

Envato Tuts+

Related Courses

Programming Languages
University of Virginia via Udacity
Building a Basic Website
University of Massachusetts Amherst via Independent
iDESWEB, Introducción al desarrollo web
Miríadax
Web Engineering II: Developing Mobile HTML5 Apps
Technische Hochschule Mittelhessen via iversity
Web Application Architectures
University of New Mexico via Coursera