CODE WITH HOSSEIN

@UCUUA81SSpwJjRl3zp4DZXRQ - 56K subscribers

Hello and welcome to my channel 😊 My name is Hossein, a freelance Front-End developer. To make it interesting, I will share a variety of different designs which are aimed at improving your HTML, CSS & JavaScript skills. In particular, you will learn: 1. Clean Code Rules 2. Modern Design Patterns 3. Efficient Programming Projects Make sure to Subscribe and turn on notifications!

Home Videos Live Playlists

Hourglass Loading Animation using CSS

Hourglass Loading Animation using CSS CODE WITH HOSSEIN

1.2K views - 2 years ago

Glass Credit Card using HTML & CSS

Glass Credit Card using HTML & CSS CODE WITH HOSSEIN

1.1K views - 3 years ago

OTP Verification Box in JavaScript

OTP Verification Box in JavaScript CODE WITH HOSSEIN

1.8K views - 3 years ago

Animated Android Logo using Pure CSS CODE WITH HOSSEIN

696 views - 3 years ago

Glass Sidebar Menu using HTML & CSS

Glass Sidebar Menu using HTML & CSS CODE WITH HOSSEIN

2.8K views - 3 years ago

Responsive Travel Cards using HTML & CSS

Responsive Travel Cards using HTML & CSS CODE WITH HOSSEIN

1.1K views - 3 years ago

How to Create a Loading Animation with HTML & CSS

How to Create a Loading Animation with HTML & CSS CODE WITH HOSSEIN

1.7K views - 3 years ago

How to Design a Post Card using CSS: A Tutorial for Beginners

How to Design a Post Card using CSS: A Tutorial for Beginners CODE WITH HOSSEIN

1.7K views - 3 years ago

Social Icons Hover Effect using CSS

Social Icons Hover Effect using CSS CODE WITH HOSSEIN

2.6K views - 3 years ago

3D Rotating Image Slider using JavaScript

3D Rotating Image Slider using JavaScript CODE WITH HOSSEIN

1.9K views - 3 years ago

Cool Loading Animation using CSS

Cool Loading Animation using CSS CODE WITH HOSSEIN

2.2K views - 3 years ago

Shopping Cart Design using HTML & CSS

Shopping Cart Design using HTML & CSS CODE WITH HOSSEIN

3.5K views - 3 years ago

Laptop Design using Pure HTML & CSS

Laptop Design using Pure HTML & CSS CODE WITH HOSSEIN

2.7K views - 3 years ago

How to design a Line Chart using JavaScript

How to design a Line Chart using JavaScript CODE WITH HOSSEIN

5.8K views - 3 years ago

Musical Loading Animation using CSS

Musical Loading Animation using CSS CODE WITH HOSSEIN

4K views - 3 years ago

Glass Social Icons Hover Effect using CSS

Glass Social Icons Hover Effect using CSS CODE WITH HOSSEIN

5K views - 3 years ago

Glowing Button Hover Animation using CSS

Glowing Button Hover Animation using CSS CODE WITH HOSSEIN

9.2K views - 3 years ago

Responsive Glass Sidebar using CSS & JavaScript

Responsive Glass Sidebar using CSS & JavaScript CODE WITH HOSSEIN

134K views - 3 years ago

Awesome Login Form using HTML & CSS

Awesome Login Form using HTML & CSS CODE WITH HOSSEIN

7.9K views - 3 years ago

Rotating Loading Animation using CSS

Rotating Loading Animation using CSS CODE WITH HOSSEIN

9.8K views - 3 years ago

Advanced Weather App using CSS & JavaScript

Advanced Weather App using CSS & JavaScript CODE WITH HOSSEIN

17K views - 3 years ago

Animated Progress Bar using CSS & JavaScript

Animated Progress Bar using CSS & JavaScript CODE WITH HOSSEIN

4.9K views - 3 years ago

Complete Image Slider using CSS & JavaScript

Complete Image Slider using CSS & JavaScript CODE WITH HOSSEIN

7.3K views - 3 years ago

Website Preloader Animation using CSS & JavaScript

Website Preloader Animation using CSS & JavaScript CODE WITH HOSSEIN

5.1K views - 3 years ago

Touch Swipe List Items using JavaScript

Touch Swipe List Items using JavaScript CODE WITH HOSSEIN

4.6K views - 3 years ago

Glassmorphism Analog Clock using CSS & JavaScript

Glassmorphism Analog Clock using CSS & JavaScript CODE WITH HOSSEIN

5.7K views - 3 years ago

Button Ripple Hover Effect using JavaScript

Button Ripple Hover Effect using JavaScript CODE WITH HOSSEIN

6.9K views - 3 years ago

Bottom Navigation Bar using HTML & CSS

Bottom Navigation Bar using HTML & CSS CODE WITH HOSSEIN

9.5K views - 3 years ago

Switchable Lamp Design using CSS & JavaScript

Switchable Lamp Design using CSS & JavaScript CODE WITH HOSSEIN

3.4K views - 3 years ago

3D Flip Card Animation using HTML & CSS

3D Flip Card Animation using HTML & CSS CODE WITH HOSSEIN

3.7K views - 3 years ago

Instagram Logo Design using CSS CODE WITH HOSSEIN

2.4K views - 3 years ago

Ring Loading Animation using HTML & CSS

Ring Loading Animation using HTML & CSS CODE WITH HOSSEIN

4.3K views - 3 years ago

Floating Ghost Animation using HTML & CSS

Floating Ghost Animation using HTML & CSS CODE WITH HOSSEIN

6.8K views - 3 years ago

Image Slider using Bootstrap 5

Image Slider using Bootstrap 5 CODE WITH HOSSEIN

4.9K views - 3 years ago

Roll Dice Project using CSS & JavaScript

Roll Dice Project using CSS & JavaScript CODE WITH HOSSEIN

17K views - 3 years ago

Responsive Product Cards using HTML & CSS

Responsive Product Cards using HTML & CSS CODE WITH HOSSEIN

12K views - 3 years ago

Social Media Icons Hover Effect using CSS & JavaScript

Social Media Icons Hover Effect using CSS & JavaScript CODE WITH HOSSEIN

9.1K views - 3 years ago

Image Blob Animation using CSS

Image Blob Animation using CSS CODE WITH HOSSEIN

3.9K views - 3 years ago

Glassmorphism Profile Card using HTML & CSS CODE WITH HOSSEIN

3.2K views - 3 years ago

Spin Loading Animation using HTML & CSS

Spin Loading Animation using HTML & CSS CODE WITH HOSSEIN

5.3K views - 3 years ago

Tic Tac Toe Game using HTML CSS & JavaScript

Tic Tac Toe Game using HTML CSS & JavaScript CODE WITH HOSSEIN

6.5K views - 3 years ago

Glowing Border Animation with CSS

Glowing Border Animation with CSS CODE WITH HOSSEIN

12K views - 3 years ago

Glitch Effect for Images using HTML & CSS

Glitch Effect for Images using HTML & CSS CODE WITH HOSSEIN

11K views - 3 years ago

Light Working Analog Clock With JavaScript

Light Working Analog Clock With JavaScript CODE WITH HOSSEIN

3.3K views - 3 years ago

Add to Cart Button Animation using CSS & JavaScript

Add to Cart Button Animation using CSS & JavaScript CODE WITH HOSSEIN

3.7K views - 3 years ago

Live Crypto Price Project using JavaScript

Live Crypto Price Project using JavaScript CODE WITH HOSSEIN

4.1K views - 3 years ago

Responsive Navbar Menu using Bootstrap 5

Responsive Navbar Menu using Bootstrap 5 CODE WITH HOSSEIN

3.3K views - 3 years ago

How to Toggle Light/Dark Mode with CSS and JavaScript

How to Toggle Light/Dark Mode with CSS and JavaScript CODE WITH HOSSEIN

2.3K views - 3 years ago

CSS Coffee Filling Loader Animation

CSS Coffee Filling Loader Animation CODE WITH HOSSEIN

5.5K views - 3 years ago

Responsive Image Gallery in Bootstrap 5

Responsive Image Gallery in Bootstrap 5 CODE WITH HOSSEIN

3.4K views - 3 years ago

Card Animation using HTML & CSS

Card Animation using HTML & CSS CODE WITH HOSSEIN

5.4K views - 3 years ago

Bottom Navigation Bar with HTML & CSS

Bottom Navigation Bar with HTML & CSS CODE WITH HOSSEIN

5.3K views - 3 years ago

Toast Notifications in Bootstrap 5

Toast Notifications in Bootstrap 5 CODE WITH HOSSEIN

3.7K views - 3 years ago

Custom Skills Bar using HTML & CSS

Custom Skills Bar using HTML & CSS CODE WITH HOSSEIN

2.2K views - 3 years ago

Custom Checkbox Icons using CSS | Neumorphism Design

Custom Checkbox Icons using CSS | Neumorphism Design CODE WITH HOSSEIN

1.8K views - 3 years ago

How to create Modal Popup in Bootstrap 5

How to create Modal Popup in Bootstrap 5 CODE WITH HOSSEIN

1.7K views - 3 years ago

3D Cube Animation using HTML & CSS

3D Cube Animation using HTML & CSS CODE WITH HOSSEIN

3.5K views - 3 years ago

How to create Product Card using HTML & CSS

How to create Product Card using HTML & CSS CODE WITH HOSSEIN

3.4K views - 3 years ago

Circular Progress Bar using CSS

Circular Progress Bar using CSS CODE WITH HOSSEIN

2.5K views - 4 years ago

Random Password Generator in JavaScript

Random Password Generator in JavaScript CODE WITH HOSSEIN

1.5K views - 4 years ago