Css Courses

Great Learning

Learn CSS in 3 Hours - CSS Tutorial for Beginners in 2022

Comprehensive Hindi tutorial covering CSS fundamentals, including selectors, colors, text, fonts, and box model. Includes hands-on project for practical application of learned concepts.

• YouTube
• 2 hours 54 minutes
• Self-Paced
• Free Video

CSS Typography

Explore CSS typography techniques from basics to advanced, including font selection, sizing, line heights, letter spacing, and text alignment for enhanced web design.

• YouTube
• 1 hour 30 minutes
• Self-Paced
• 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
• Self-Paced
• 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
• Self-Paced
• Free Video

Kevin Powell

Spice Up Your Site - Easy Waves, Angles, and Other Creative Shapes With CSS

Learn to create visually appealing websites using CSS techniques for waves, angles, and creative shapes. Enhance your web design skills with practical examples and step-by-step guidance.

• YouTube
• 35 minutes
• Self-Paced
• Free Video

TheCoderCoder

Building a Portfolio Website With HTML & CSS - Part 1

Learn to create a developer portfolio website using HTML and CSS, focusing on global styles and header construction in this hands-on tutorial.

• YouTube
• 1 hour 41 minutes
• Self-Paced
• Free Video

Code a 2D Game Using JavaScript, HTML, and CSS (w/ Free Game Assets) – Tutorial

Learn to build a 2D game from scratch using JavaScript, HTML, and CSS. Master sprite animation, parallax backgrounds, collision detection, and particle effects while exploring an alien planet theme.

• freeCodeCamp
• 2-3 hours
• Self-Paced
• Free Video

Dynamic CSS with Custom Properties (aka CSS Variables)

Create reusable components without any JavaScript dependencies needed – with only vanilla CSS! Master CSS custom properties AKA CSS variables.

• Frontend Masters
• 3-4 hours
• Self-Paced
• Paid Course

CSS Grid & Flexbox for Responsive Layouts, v2

Learn the essential CSS layout techniques for building responsive, beautiful websites. You'll use CSS Grid and Flexbox to build out real-world web layouts!

• Frontend Masters
• 5-6 hours
• Self-Paced
• Paid Course

Advanced CSS Layouts

Flexbox and Grid provide methods for creating responsive websites with complex designs. Combined with CSS Calc, it revolutionizes CSS layout web pages. Learn more!

• Frontend Masters
• 3-4 hours
• Self-Paced
• Paid Course

Scalable Modular Architecture for CSS (SMACSS)

Learn how to make your CSS more maintainable and modular using Jonathan Snook's Scalable Modular Architecture for CSS (SMACSS) methodology.

• Frontend Masters
• 5-6 hours
• Self-Paced
• Paid Course

Create a Landing Page with CSS Grid and Flexbox

Leverage CSS Grid and Flexbox to create responsive, visually appealing layouts for various devices. Learn when to use each tool and how to combine them for optimal content organization and structure.

• egghead.io
• 21 minutes
• Self-Paced
• Paid Course

Build Modern Layouts with CSS Grid

Learn to create responsive layouts using CSS Grid, covering columns, rows, sizing, alignment, and media queries for adaptable designs across devices.

• egghead.io
• 23 minutes
• Self-Paced
• Paid Course

Declarative UIs without CSS with elm-ui

Explore declarative UI design with elm-ui, a language for layout and interface creation using Elm types and functions. Learn to build responsive, customizable interfaces without CSS knowledge.

• egghead.io
• 42 minutes
• Self-Paced
• Paid Course

Tic Tac Toe with CSS and SVG

Create a fully functional Tic Tac Toe game using CSS and SVG, without JavaScript. Learn Pug and Stylus preprocessors, SVG creation, CSS animations, and advanced styling techniques for an interactive gaming experience.

• egghead.io
• 40 minutes
• Self-Paced
• Free Online Course