Главная
Study mode:
on
1
Line Through Effect - CSS and JavaScript - Day 05
2
Custom Progress Bar with CSS and JavaScript - Day 02
3
Light/Dark Theme Toggle with CSS and JavaScript
4
Jumping Loading Animation with CSS
5
CSS3 Pulse Effect
6
Netflix Mobile Navigation Animation with CSS and JavaScript
7
CSS Smooth Scroll - Only one line - Day 14
8
Traffic Lights Simulator with CSS and JavaScript - Day 09
9
JavaScript Random Picker Visualizer & 🔥 1000 Subs Giveaway 🔥
10
CSS Custom Checkbox - Day 08
11
Image Reflection - CSS effect - Day 10
12
Mix Blend Loader - CSS Tutorial - Day 12
13
Waves Animation with JavaScript - Day 18
14
PokeDex - JavaScript Tutorial - Day 19
15
Kinetic Loader Animation with CSS - Day 24
16
HTML and CSS Newsletter Design - Day 25
17
Setting Goals For 2020
18
Rotating Circles Animation - Day 26
19
Wave Animation on inputs - CSS and JavaScript Tutorial - Day 27
20
CSS Triangle Shape - Day 28
21
Zoom Effect - CSS and JavaScript tutorial - Day 30
22
Animated Sidebar Menu - CSS and JavaScript tutorial - Day 31
23
Responsive Navigation with Hamburger Menu - CSS And JavaScript Tutorial
24
I "Hacked" YouTube's Homepage with a Chrome Extension 😏
25
Create a Modal (Popup) with HTML/CSS and JavaScript
26
Responsive Animated Navigation Bar | HTML, CSS and JavaScript Tutorial
27
CSS Only Heart Shape | CSS Beginner Tutorial
28
CSS Only Heart Shape | CSS Beginner Tutorial
29
Heart Pulse Effect | CSS Animation Tutorial
30
Heart Pulse Effect | CSS Animation Tutorial
31
Donate Card | Design to CSS Project
32
Full Page Background | Simple CSS Tutorial
33
Building 10 Websites - From Design to HTML and CSS - Coding Challenge 🔥
Description:
Explore a comprehensive series of CSS tutorials covering a wide range of topics, from creating visually appealing components to implementing beautiful animations and effects. Dive into practical projects like building a custom progress bar, implementing a light/dark theme toggle, crafting a Netflix-style mobile navigation, and designing a responsive animated navigation bar. Learn essential CSS techniques such as smooth scrolling, custom checkboxes, and image reflection effects. Develop interactive elements using JavaScript, including a traffic lights simulator, random picker visualizer, and PokeDex. Create engaging animations like kinetic loaders, rotating circles, and wave effects. Practice responsive design principles by building a newsletter and exploring full-page backgrounds. Challenge yourself with a coding project to convert 10 website designs into HTML and CSS implementations.

Learn CSS

Add to list
0:00 / 0:00