Css Courses

Scrimba

Starting the CSS for Our Page - Typography Foundations

Learn to prioritize typography in web design, ensuring content readability before tackling layout. This approach streamlines the design process and prevents unnecessary layout adjustments.

• YouTube
• 16 minutes
• On-Demand
• Free Video

Scrimba

Code an Event Countdown Using JavaScript, CSS, and HTML

Learn to create an interactive event countdown using JavaScript, CSS, and HTML. Explore setting event time, displaying and animating the countdown, and indicating its completion.

• YouTube
• 1 hour 5 minutes
• On-Demand
• Free Video

Scrimba

Code a Dark/Light Theme Toggle with JavaScript, CSS, and HTML

Learn to create a dark/light mode toggle using HTML, CSS, and JavaScript. Explore toggle switch coding, theme implementation with CSS variables, and system preference detection via media queries.

• YouTube
• 1 hour 7 minutes
• On-Demand
• Free Video

Scrimba

Coding an Alarm Clock with JavaScript, CSS, and HTML

Learn to build a functional alarm clock using HTML, CSS, and JavaScript, including features like setting alarm time, ringing, and snooze functionality.

• YouTube
• 1 hour 4 minutes
• On-Demand
• Free Video

Scrimba

Introduction to Tailwind CSS - Pros, Cons, and Key Features

Discover Tailwind CSS: setup, pros/cons, responsiveness, states, and dark mode. Learn to streamline your styling workflow with this utility-first framework.

• YouTube
• 1 hour 6 minutes
• On-Demand
• Free Video

Scrimba

Coding a Shopping Cart with JavaScript, CSS, and HTML

Build a functional shopping cart with JavaScript, CSS, and HTML. Learn to add/remove items, manage quantities, calculate costs, apply coupons, and clear the cart.

• YouTube
• 1 hour 7 minutes
• On-Demand
• Free Video

Scrimba

Coding Image Filters with JavaScript, CSS, and HTML

Learn to create an image filter app with HTML, CSS, and JavaScript. Implement various filters, enable image uploads, and add download functionality for a fun, interactive project.

• YouTube
• 1 hour 5 minutes
• On-Demand
• Free Video

Scrimba

Coding Study Flash Cards with JavaScript, CSS, and HTML

Create interactive study flash cards using HTML, CSS, and JavaScript in this hands-on coding session. Learn practical web development skills and share your ideas.

• YouTube
• 1 hour 7 minutes
• On-Demand
• Free Video

Scrimba

ScrimbaChallengeWeek Live Code-Along - JavaScript, CSS, HTML

Live space-themed JavaScript coding session with Leanne and Michael, solving challenges from #ScrimbaChallengeWeek. Includes grand prize announcement and interactive learning opportunities.

• YouTube
• 1 hour 2 minutes
• On-Demand
• Free Video

Scrimba

Coding a Habit Tracker with JavaScript, CSS, and HTML

Build a habit tracker using JavaScript, CSS, and HTML in this interactive coding session. Learn practical web development skills while creating a useful tool for personal growth.

• YouTube
• 59 minutes
• On-Demand
• Free Video

Scrimba

Coding a Memory Game with JavaScript, CSS, and HTML

Build an interactive memory game using JavaScript, CSS, and HTML. Learn coding techniques, share tips, and enhance your web development skills.

• YouTube
• 1 hour 10 minutes
• On-Demand
• Free Video

Scrimba

Coding a Virtual Keyboard with JavaScript, CSS, and HTML

Build an interactive virtual keyboard using HTML, CSS, and JavaScript in this hands-on coding session. Learn practical web development skills and share your ideas.

• YouTube
• 1 hour 23 minutes
• On-Demand
• Free Video

Scrimba

Vacation Planner Coding Tutorial - JavaScript, CSS, HTML

Build an interactive vacation planner using HTML, CSS, and JavaScript. Learn practical web development skills while creating a fun and useful project.

• YouTube
• 1 hour 7 minutes
• On-Demand
• Free Video

Scrimba

Live-Code a Masked Password Input - JavaScript, CSS, HTML

Learn to create a secure masked password input using JavaScript, CSS, and HTML in this interactive coding session. Gain practical skills and share your ideas with fellow developers.

• YouTube
• 1 hour 6 minutes
• On-Demand
• Free Video

Scrimba

Live-Code a Joke Generator - JavaScript, CSS, HTML

Build a fun joke generator using HTML, CSS, and JavaScript in this interactive live-coding session. Learn practical web development skills while creating an entertaining project.

• YouTube
• 1 hour 2 minutes
• On-Demand
• Free Video