Css Courses

HTML/CSS Tutorial - Build a Beautiful Blog

Learn HTML and CSS from scratch to build a beautiful blog. Master key concepts like CSS Grid, images, text elements, and gradients in this beginner-friendly tutorial.

• freeCodeCamp
• On-Demand
• Free Video

CSS Grid Course

Learn CSS Grid to simplify website layouts. Master core concepts, build practical projects, and explore advanced techniques for creating responsive and flexible designs.

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

CSS Variables / Custom Properties (full course)

Learn CSS Variables to enhance your stylesheets with less repetition, better readability, and more flexibility. Master creation, overriding, theming, JavaScript integration, and responsive design techniques.

• freeCodeCamp
• 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

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

Animated Hamburger Menu in CSS-JS - Build a Responsive Website from Scratch

Learn to create an animated hamburger menu and responsive overlay using HTML, CSS (SCSS), and vanilla JavaScript. Follow along with troubleshooting and problem-solving techniques for web development.

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

Build a Responsive Website From Scratch With HTML & CSS - Navigation Bar

Learn to create a responsive website's navigation bar using HTML & CSS, covering setup, styling, and advanced techniques like Sass variables and mixins for breakpoints.

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

Bro Code

CSS in 1 Hour for Beginners

Learn CSS basics in 1 hour: fonts, borders, backgrounds, margins, positioning, pseudo-classes, shadows, icons, transformations, and animations for beginners.

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

Bro Code

HTML & CSS Full Course - Learn to Create a Website

Comprehensive guide to HTML and CSS, covering essential web development concepts from basic structure to advanced styling techniques for creating dynamic, visually appealing websites.

• YouTube
• 4 hours 55 minutes
• On-Demand
• Free Video

Build a Quiz App with HTML, CSS, and JavaScript

Learn to create an interactive quiz application using HTML, CSS, and JavaScript, covering UI design, question handling, scoring, and data storage.

• YouTube
• 2 hours 30 minutes
• On-Demand
• Free Video

Materialize CSS

Explore Materialize CSS components, create responsive designs, and implement interactive elements for modern web development.

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

Net Ninja

CSS Tutorials for Beginners

Comprehensive guide to CSS fundamentals, covering selectors, styling techniques, box model, and practical website building for beginners seeking to enhance their web design skills.

• YouTube
• 6 hours
• On-Demand
• Free Video