ASMR Programming - Complete Responsive Portfolio Design - No Talking
462.9 هزار بار بازدید -
10 ماه پیش
-
Create a Responsive Portfolio Design
Create a Responsive Portfolio Design using HTML, CSS, and JavaScript.
In this tutorial, I'm going to show you how to use modern HTML, CSS, and JavaScript to create a completely responsive Portfolio Design with Scroll To Element Functionally. We'll be using CSS Grid, CSS Flexbox, Media queries for our responsive design, and CSS transition for some cool animation effects.
After we upload second Personal Portfolio Design video we will create a separate playlist for it 😉
Source Code : https://github.com/AsmrProg-YT/Person...
Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :
100 Days of JavaScript Coding
Keyboard Link : https://en.akkogear.com/product/dracu...
AKKO Youtube : @AkkoOfficial
Web Design Coding Bootcamp Playlist : ASMR Web Design Bootcamp
source of all projects also will upload in AsmrProg github page :
https://github.com/AsmrProg-YT
Video Contents :
00:00 - Intro (Portfolio Design #1)
01:10 - Warming hands
01:15 - Main codes
02:10 - Google fonts
02:45 - Nav
04:31 - Main styles
05:23 - Nav styles
09:28 - Header
11:00 - Header styles
15:28 - Features
19:20 - Features styles
23:13 - Pricing plans
26:35 - Pricing plans styles
31:41 - Footer
35:02 - Footer styles
38:25 - Copyright styles
39:32 - Responsive codes
42:38 - Responsive result
43:17 - scrollToElement()
44:38 - JS codes
46:49 - Final Result
Asmr Game Coding Playlist : ASMR Game Coding
Other Video's :
Coding IOS (Iphone) Calendar : ASMR Programming - Coding IOS (Iphone...
Coding IOS (IPhone) Dynamic Music : ASMR Programming - Coding IOS (IPhone...
Coding a Snake Game : ASMR Programming - Coding a Snake Gam...
Movie Guide App Coding : ASMR Programming - Movie Guide App Wi...
Coding IOS (IPhone) Dynamic Music : ASMR Programming - Coding IOS (IPhone...
Subscriptions, good comments and likes are great support for me 😍
Don't re-upload or edit the videos on your channel.
All copyrights by AsmrProg.
About AsmrProg Channel :
Here I upload ASMR programming tutorials related to HTML, CSS, Sass, JavaScript, React, PHP, Frameworks such as Bootstrap and more along with creative UI/UX Designs.
AsmrProg is a community for web developers from all levels to learn and grow their skills in front-end and back-end web development.
AsmrProg
Asmr Prog
ASMR Programming
ASMR Coding
ASMR keyboard typing
ASMR web design
ASMR coding html
ASMR coding website
No Talking ASMR
No Talking Coding
No Talking Programming
In this tutorial, I'm going to show you how to use modern HTML, CSS, and JavaScript to create a completely responsive Portfolio Design with Scroll To Element Functionally. We'll be using CSS Grid, CSS Flexbox, Media queries for our responsive design, and CSS transition for some cool animation effects.
After we upload second Personal Portfolio Design video we will create a separate playlist for it 😉
Source Code : https://github.com/AsmrProg-YT/Person...
Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :
100 Days of JavaScript Coding
Keyboard Link : https://en.akkogear.com/product/dracu...
AKKO Youtube : @AkkoOfficial
Web Design Coding Bootcamp Playlist : ASMR Web Design Bootcamp
source of all projects also will upload in AsmrProg github page :
https://github.com/AsmrProg-YT
Video Contents :
00:00 - Intro (Portfolio Design #1)
01:10 - Warming hands
01:15 - Main codes
02:10 - Google fonts
02:45 - Nav
04:31 - Main styles
05:23 - Nav styles
09:28 - Header
11:00 - Header styles
15:28 - Features
19:20 - Features styles
23:13 - Pricing plans
26:35 - Pricing plans styles
31:41 - Footer
35:02 - Footer styles
38:25 - Copyright styles
39:32 - Responsive codes
42:38 - Responsive result
43:17 - scrollToElement()
44:38 - JS codes
46:49 - Final Result
Asmr Game Coding Playlist : ASMR Game Coding
Other Video's :
Coding IOS (Iphone) Calendar : ASMR Programming - Coding IOS (Iphone...
Coding IOS (IPhone) Dynamic Music : ASMR Programming - Coding IOS (IPhone...
Coding a Snake Game : ASMR Programming - Coding a Snake Gam...
Movie Guide App Coding : ASMR Programming - Movie Guide App Wi...
Coding IOS (IPhone) Dynamic Music : ASMR Programming - Coding IOS (IPhone...
Subscriptions, good comments and likes are great support for me 😍
Don't re-upload or edit the videos on your channel.
All copyrights by AsmrProg.
About AsmrProg Channel :
Here I upload ASMR programming tutorials related to HTML, CSS, Sass, JavaScript, React, PHP, Frameworks such as Bootstrap and more along with creative UI/UX Designs.
AsmrProg is a community for web developers from all levels to learn and grow their skills in front-end and back-end web development.
AsmrProg
Asmr Prog
ASMR Programming
ASMR Coding
ASMR keyboard typing
ASMR web design
ASMR coding html
ASMR coding website
No Talking ASMR
No Talking Coding
No Talking Programming
10 ماه پیش
در تاریخ 1402/05/31 منتشر شده
است.
462,913
بـار بازدید شده