Css Courses

LearnWebCode

Why You Should Try Tailwind CSS

Discover Tailwind CSS: streamline web development, solve common CSS issues, and enhance productivity with utility-first approach. Learn setup, customization, and best practices.

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

LearnWebCode

CSS Grid Tutorial - Responsive Design Examples

Explore responsive design with CSS Grid through practical examples, from basic layouts to advanced techniques like manual item placement and breakpoint-free responsiveness.

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

LearnWebCode

React and Sass Webpack Tutorial - Extract CSS Into Its Own Separate File

Learn to set up and optimize a React project with webpack, including Babel, Sass, and CSS extraction. Covers component organization, production optimization, and useful developer tools.

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

LearnWebCode

JavaScript Game - Interactive Questions With CSS Transitions & Animations

Build an interactive math game using JavaScript, CSS transitions, and animations, enhancing UI/UX with progress bars, overlays, and dynamic visual feedback.

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

LearnWebCode

CSS Layout - Flexbox & Grid Basics

Learn CSS layout techniques with Flexbox and Grid, covering responsive design, background colors, and content width for modern web development.

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

Introduction To Responsive Web Design - HTML & CSS Tutorial

Comprehensive tutorial on building responsive websites from scratch, covering CSS units, flexbox, media queries, and mobile-first design. Includes hands-on practice creating a professional-level responsive site.

• freeCodeCamp
• 4-5 hours
• On-Demand
• Free Video

Foundation CSS Framework Tutorial - Crash Course for Beginners

Comprehensive guide to Foundation CSS framework, covering installation, components, templates, and building a portfolio website from scratch for responsive design beginners.

• freeCodeCamp
• 1-2 hours
• On-Demand
• Free Video

Learn CSS Media Queries by Building 3 Projects - Full Course

Master CSS Media Queries through hands-on projects. Learn responsive design techniques, including @media rules, min/max-width, and practical applications for various screen sizes.

• freeCodeCamp
• 1-2 hours
• On-Demand
• Free Video

Web Applications for Everybody Course - Dr. Chuck Teaches HTML, PHP, SQL, CSS, JavaScript, and more!

Comprehensive introduction to web development, covering HTML, CSS, PHP, MySQL, JavaScript, and more. Learn to build dynamic, database-driven websites with hands-on coding exercises and expert guidance.

• freeCodeCamp
• 14 hours
• On-Demand
• Free Video

Switching Dark-Light Mode with JS and CSS Custom Properties - FEM Social Media Dashboard, Part 5

Learn to implement a dynamic dark/light mode toggle using JavaScript and CSS custom properties, considering system preferences and local storage for a seamless user experience.

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

How to Build an Accordion With HTML, CSS, and JavaScript

Learn to build an interactive accordion using HTML, CSS, and JavaScript, focusing on styling, functionality, and animations for a polished user experience.

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

Building an Accordion With HTML, CSS & JS

Learn to build an interactive accordion using HTML, CSS, and JavaScript. Covers setup, reverse-engineering, functionality, styling, and implementation of various components for a polished final product.

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

CSS Grid Cards With Animated Hover Effect - HTML-CSS

Learn to create responsive CSS grid cards with animated hover effects using HTML and SCSS. Master mobile-first design, desktop styling, and interactive elements for engaging web layouts.

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

Building a Footer Using CSS Grid - Build a Responsive Website from Scratch

Learn to build a responsive footer using CSS Grid, including mobile and desktop styles, grid template areas, and hover states for a polished website design.

• YouTube
• 1 hour 1 minute
• On-Demand
• Free Video

Responsive 4-Column Layout with CSS Grid - Build a Responsive Website from Scratch

Learn to create a responsive 4-column layout using CSS Grid for a blog articles section. Explore HTML markup, SCSS styling, and responsive design techniques to build an attractive and functional webpage component.

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