Css Courses

Web Dev Simplified

How to Design a YouTube Clone With HTML-CSS

Learn to clone YouTube's homepage using HTML and CSS, mastering grid, flexbox, and icon integration for improved web design skills.

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

Web Dev Simplified

How to Build a Photo Editor with React and CSS Filters

Learn to create a React-based photo editor using CSS filters. Build sliders for image adjustments, implement responsive design, and gain hands-on experience with React state management and CSS grid.

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

DesignCourse

HTML and CSS Tutorial for 2021 - Complete Crash Course

Comprehensive HTML and CSS tutorial covering responsive design, from basic structure to advanced styling. Includes hands-on project and mobile navigation implementation.

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

Learn Tailwind CSS – Course for Beginners

Comprehensive introduction to Tailwind CSS, covering core concepts, features, and practical applications. Includes setup, customization, layout techniques, and advanced topics like design systems and dark mode.

• freeCodeCamp
• 4-5 hours
• Self-Paced
• Free Video

JavaScript Mastery

Build and Deploy a Modern Next 13 Website With Framer Motion and Tailwind CSS

Transform Figma design into a functional website using Next13, Framer Motion, and Tailwind CSS. Master React architecture, animations, responsiveness, and deployment while building Metaversus.

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

Adrian Twarog

Checkout Form HTML CSS - Bootstrap 5

Learn to create a responsive checkout form using Bootstrap 5, covering layout, input fields, selects, checkboxes, radio buttons, and credit card inputs in this step-by-step tutorial.

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

JavaScript Mastery

Build and Deploy the Best Modern Blog App with React - GraphQL, NextJS, Tailwind CSS

Build a modern blog app with React, GraphQL, NextJS, and Tailwind CSS. Learn advanced techniques, create a responsive UI, and integrate with GraphCMS for seamless content management.

• YouTube
• 3 hours 10 minutes
• Self-Paced
• Free Video

JavaScript Mastery

Build and Deploy Google Search 2.0 with React & Tailwind CSS

Build a responsive Google Clone with React & Tailwind CSS, featuring modern UI, dark mode, and real-time search for results, news, images, and videos using Google Search API via RapidAPI.

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

Designing with Tailwind CSS

Learn to create responsive, customizable designs efficiently using Tailwind CSS's utility-first approach, from basic setup to advanced component extraction and optimization.

• YouTube
• 3 hours 30 minutes
• Self-Paced
• Free Video

Tailwind CSS - Curso desde cero Español

Aprende a maquetar y diseñar páginas web responsivas con Tailwind CSS, desde los fundamentos hasta animaciones y efectos, sin necesidad de escribir código CSS.

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

Auth0

Build an Authenticated Jamstack App with Next.js, Airtable, Tailwind CSS, and Auth0

Learn to build a fullstack JAMstack app using Next.js, integrating Airtable for data, Tailwind CSS for styling, and Auth0 for authentication. Gain hands-on experience with modern web development technologies.

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

Belajar Tailwind CSS 2

Pelajari fitur terbaru Tailwind CSS 2 dan terapkan dalam pembuatan komponen responsif seperti kartu testimonial, mode gelap, navbar, dan form control kustom.

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

Tailwind CSS in Bangla

বাংলায় Tailwind CSS-এর সম্পূর্ণ টিউটোরিয়াল। টাইপোগ্রাফি, লেআউট, রেসপন্সিভ ডিজাইন এবং কনফিগারেশন সহ মৌলিক বিষয়গুলি কভার করে।

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

Tailwind CSS Hindi Tutorials

हिंदी में Tailwind CSS सीखें और रेस्पॉन्सिव वेबसाइट डिज़ाइन करें। कोर कॉन्सेप्ट्स, फ्लेक्स और ग्रिड लेआउट, कस्टम CSS, और एनिमेशन शामिल हैं।

• YouTube
• 1 day 8 hours
• Self-Paced
• Free Video

Learn Tailwind CSS Using Laravel

Learn to integrate and utilize Tailwind CSS in Laravel projects, covering installation, key properties, component creation, and responsive design in a concise, hands-on tutorial.

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