ASMR Programming - Coding Simplest Portfolio In Just 10 Minutes!

ASMR Programming - Coding Simplest Portfolio In Just 10 Minutes! - No Talking

Рет қаралды 68,284

Күн бұрын

Create Simplest Responsive Portfolio Design using HTML and CSS.
In this tutorial, I'm going to show you how to use modern HTML, CSS to create a completely responsive Portfolio Design with mesh gradient background and glassmorphism ui design. We'll be using CSS Flexbox, Media queries for our responsive design, and CSS transition for button hover effect.
Source Code : github.com/AsmrProg-YT/Person...
Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :
• 100 Days of JavaScript...
Keyboard Link : iqunix.store/discount/asmrpro...
IQUNIX KZfaq : @IQUNIX
Web Design Coding Bootcamp Playlist : • ASMR Web Design Bootcamp
source of all projects also will upload in AsmrProg github page :
github.com/AsmrProg-YT
Video Contents :
00:00 - Intro (Portfolio Design #3)
00:30 - Warming hands
00:34 - Main codes
01:02 - Google fonts
01:30 - Html coding
03:38 - Main styles
04:32 - Containers styles
06:03 - Navbar styles
07:08 - Content styles
09:45 - Responsive codes
11:14 - Final Result
Asmr Game Coding Playlist : • ASMR Game Coding
Other Video's :
Coding IOS (Iphone) Calendar : • ASMR Programming - Cod...
Coding IOS (IPhone) Dynamic Music : • ASMR Programming - Cod...
Coding a Snake Game : • ASMR Programming - Cod...
Movie Guide App Coding : • ASMR Programming - Mov...
Coding IOS (IPhone) Dynamic Music : • ASMR Programming - Cod...
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

Пікірлер: 150

@AsmrProg 7 ай бұрын

With this code you can have a simple portfolio design in just 10 min! Hope you enjoy and LIKE for supporting me 🙏❤

@mainfalsedata 7 ай бұрын

No Problem ❤

@AsmrProg 7 ай бұрын

@Verloxirion 🙏❤️

@Simrandeep2002 7 ай бұрын

Amazing designs as always 😊 thanku

@AsmrProg 7 ай бұрын

@simrandeepsingh2772 🙏❤️

@grupoJenta 7 ай бұрын

Un saludo desde Colombia, excelente canal

@Tobinbelltesterejigsaw 7 ай бұрын

I also learning html and css. The more I learn, the more fun it is to watch.

@AsmrProg 7 ай бұрын

Thanks, keep going on 🙏❤️

@nickderaj 7 ай бұрын

That keyboard sound is satisfying as hell 😬

@AsmrProg 7 ай бұрын

😁❤️

@LorenzoBrumDietrich 5 ай бұрын

Or being, it's good or bad?

@AsmrProg 5 ай бұрын

I don’t know too! 😂

@nlabranche97 5 ай бұрын

You're stupidly skilled. Thanks for all your invaluable content!

@AsmrProg 5 ай бұрын

Thanks so much 🙏❤️

@Nishanth_S Ай бұрын

😮 what's this 😅

@ricardoalberto7344 6 ай бұрын

Awesome video. Relaxing, helpfull and beatiful. Congrats!

@AsmrProg 6 ай бұрын

Thanks so much 🙏

@user-bf2eb1el5n 5 ай бұрын

we love your work keep going. It's always a pleasure to watch your videos

@AsmrProg 5 ай бұрын

Thanks so much 🙏

@DevMalu 7 ай бұрын

I really love your videos, they help a lot with my studies! thanks a lot! I watch it here from Brazil 🥰

@AsmrProg 7 ай бұрын

Glad to hear it 🙏❤️

@jeanjack1462 4 ай бұрын

A pessoa aprende e relaxa ao mesmo tempo xD

@AsmrProg 4 ай бұрын

@jeanjack1462 🙏❤️

@ather1717 7 ай бұрын

wow! you are so skilled at this!!!

@AsmrProg 7 ай бұрын

🙏❤️

@rafi-leigh 7 ай бұрын

simple but useful, good job!

@AsmrProg 7 ай бұрын

Thanks a lot 🙏❤️

@mainfalsedata 7 ай бұрын

Nicee, Best HTML and CSS page u made! ❤

@AsmrProg 7 ай бұрын

🙏❤️

@V5AspireAcer 7 ай бұрын

Your videos are good and fun to watch 😁

@AsmrProg 7 ай бұрын

Thanks 🙏❤️

@raponduty 7 ай бұрын

Nicee I like it, Classic AsmrProg!

@AsmrProg 7 ай бұрын

Thanks 🙏❤️

@SuperGoorbe 7 ай бұрын

Pre-Congrats on 200K❤ Bemola ke Well Deserved🔥

@AsmrProg 7 ай бұрын

Thanks a lot for supports 🙏❤️

@user-vg4ze7ft8e 7 ай бұрын

Просто супер це неймовірно 🥰

@AsmrProg 7 ай бұрын

🙏❤️

@salmanal-farsi1141 7 ай бұрын

Thank you

@AsmrProg 7 ай бұрын

🙏❤️

@robt4219 3 ай бұрын

Hi AsmrProg, when you make a design, do you think of it on the spot or do you already know what you are making and the steps required?

@CODINGTECH05 7 ай бұрын

Nice portfolio ❤

@AsmrProg 7 ай бұрын

🙏❤️

@LNDazai 7 ай бұрын

congratulations for 200k

@AsmrProg 7 ай бұрын

🙏❤️

@dilara3844 7 ай бұрын

Using my ASMR addiction for something effective

@AsmrProg 7 ай бұрын

🙏❤️

@hackerishacker1212 Ай бұрын

using little things as a weapon ❤❤

@tongas99ga 6 ай бұрын

To have the visual studio code transparent, do you use an extension or is it for Windows 11? ty

@AsmrProg 6 ай бұрын

Hi, it’s with glassit extension 🙏

@Thebigbean114 4 ай бұрын

just curious ever plan on using a JS framework for some cool backend stuff too or just sticking to html, css and vinilla JS

@AsmrProg 4 ай бұрын

Hi, yes! We will have React, Tailwind, Nextjs, Nodejs and … tutorials too 😉

@rahim6821 3 ай бұрын

Cool

@AsmrProg 2 ай бұрын

Thanks 🙏❤️

@prod.kaycey7437 4 ай бұрын

what vscode extention do you use in this video to correct code and highlight the mistakes in red like that?

@AsmrProg 4 ай бұрын

Hi, please check my GitHub, there is a repository about all of my vscode settings 🙏

@cozycoding 7 ай бұрын

The design is so cool 👍 Where do you get such cool gradients?!

@AsmrProg 7 ай бұрын

Hi, i find it from web searching!

@smaragdsau2319 7 ай бұрын

Hey, I love your videos. How do you get your code to be so colourful in vs? Mine is just default and its boring

@AsmrProg 7 ай бұрын

Hi, please check my github, there is a repository about all of my vscode settings 🙏

@XxAlphaxX2149 7 ай бұрын

Im also learning how to code your showing me that i shouldn’t give up

@AsmrProg 7 ай бұрын

Keep going on 😉❤️

@lmaoyoudumb619 7 ай бұрын

what does get started do? like does it redirect or does it go downwards to let you see more info?

@AsmrProg 7 ай бұрын

It’s just design but you can add any actions to it 🙏

@sagarsolanki03 7 ай бұрын

Man I like your keyboard 🫶

@AsmrProg 7 ай бұрын

Link on description 😁

@arty3683 7 ай бұрын

How did you create the gradient for the background color exactly? Sorry, I couldn’t discern how from the video

@AsmrProg 7 ай бұрын

Hi, i just copy pasted its code, i found codes before video on google!

@el.classico187 7 ай бұрын

Sorry can i ask you a question. How can you set exactly color that you wanted by just the number in hsla function 4:15 (and rgba) I'm newbie so sorry by the question

@AsmrProg 7 ай бұрын

Hi, videos are edited! Searching numbers sections removed 🙏

@MetinLOL 3 ай бұрын

you should use bootstrap aswell

@shadownightbg2649 6 ай бұрын

Could you tell me how to start learning html and css? Love your videos.!

@AsmrProg 6 ай бұрын

Hi, with free courses on youtube!

@user-yj6ez9oh7k 5 ай бұрын

Hey bro, love your videos. But how can I go live and see what I'm doing with the web? I don't have that button (Go Live).

@AsmrProg 5 ай бұрын

Hi, with live server extension, also please check my github, there is a repository about all of my vscode settings 🙏

@lanzmiguel8238 7 ай бұрын

Heyy brooo. I really loved your contents in your channel since I am an aspiring web developer. And may I also know what keyboard are you using?

@AsmrProg 7 ай бұрын

Thanks a lot, please check video description, full info available there 🙏

@sandylynx3280 7 ай бұрын

what app is that? im trying to find it and i have visual studio as potential because of the logo similarity. but someone confirm please. thanks and great video bud

@AsmrProg 7 ай бұрын

Hi, it’s vscode!

@sandylynx3280 7 ай бұрын

@@AsmrProg many thanks

@AsmrProg 7 ай бұрын

@sandylynx3280 🙏❤️

@user-ir3dr2jl7b 7 ай бұрын

🔥🔥🔥🔥

@AsmrProg 7 ай бұрын

🙏❤️

@8D-Kotlin 4 ай бұрын

Wich VsCode theme u use?

@AsmrProg 4 ай бұрын

Hi, please check my GitHub, there is a repository about all of my vscode settings, sorry for late response 🙏

@arnoldwolfstein 7 ай бұрын

what are the keyboard and switches?

@AsmrProg 7 ай бұрын

Hi, please check description 🙏

@tuwii1628 7 ай бұрын

Can you make a video on how to change the background of vscode?

@AsmrProg 7 ай бұрын

Hi, please check my github, there is a repository about all of my vscode settings 😉

@jonnadhanalakshmi803 7 ай бұрын

Hii i am a new subscriber... Thanks for sharing ur knowledge... from india Wr r u frm?

@AsmrProg 7 ай бұрын

🙏❤️

@wispac7629 7 ай бұрын

bro how do you make the cursor look like this

@AsmrProg 7 ай бұрын

Hi, it’s screen recorder effects 🙏

@pubgjinisi214 7 ай бұрын

Bro, what is the background of vs code?

@AsmrProg 7 ай бұрын

Hi, it’s with glassit extension 🙏

@ayanneoshorts 7 ай бұрын

❤❤❤❤

@AsmrProg 7 ай бұрын

🙏❤️

@TipforyouByD Ай бұрын

when watching your videos i want to be a programmer 🎉

@shidktbwr 7 ай бұрын

what is the name of the plugin for such smooth text? :>

@AsmrProg 7 ай бұрын

Hi, it’s with vscode settings! Not extension 🙏

@King-vf4ky 3 ай бұрын

Can someone explain how he knows what to code? I’m trying to get to this stage in coding where I can code without cheating or looking it up. Can someone please help on how I can practice and become as good as him

@aravindaravind9613 Ай бұрын

bro how to use emoji?

@bradleybard1558 6 ай бұрын

Bro man in need how did you learn javascript to the point you are now like what did you do am stuck

@AsmrProg 6 ай бұрын

Hi, just with experience and coding mini-projects you can improve your js skill!

@bradleybard1558 6 ай бұрын

@AsmrProg sure thing I'll try but is it okay to say that implementing whatever I have learned and issue am talking about javascript advance

@AsmrProg 6 ай бұрын

@bradleybard1558 yes!

@morph1ne99 7 ай бұрын

Are these free to use or is there somewhere to buy it?

@AsmrProg 7 ай бұрын

Hi, all sources are under MIT license 🙏

@mayuralepavion382 7 ай бұрын

can you make a video showing how make a web site blog?

@AsmrProg 7 ай бұрын

Yes i have it in plans but for the future 🙏

@ghostfreakx 7 ай бұрын

U can make 3d animation and ttransition web site❤

@AsmrProg 7 ай бұрын

Yes 😁

@KAIBlent 3 күн бұрын

Hi! Whats the theme name?

@AsmrProg 3 күн бұрын

Hi, Check channel, there is a video about all of my settings!

@burakyzx 7 ай бұрын

What is VsCode font?

@AsmrProg 7 ай бұрын

Hi, Cascadia Code 🙏

@burakyzx 7 ай бұрын

Thanks @@AsmrProg

@AsmrProg 7 ай бұрын

@burakyzx 🙏❤️

@santiagodiaz8824 7 ай бұрын

What is the theme that you are using? I like the colors

@Hurricane_97 7 ай бұрын

tokyo night

@AsmrProg 7 ай бұрын

Tokyo night in this video 🙏

@AsmrProg 7 ай бұрын

Thanks for answering 🙏❤️

@bob40746 7 ай бұрын

some vscode setup video? i need your font 🫠

@AsmrProg 7 ай бұрын

Hi, please check my GitHub, there is a repository about all of my vscode settings 🙏

@pixelratsans 7 ай бұрын

Here, social exams tomorrow and watching this today :D

@AsmrProg 7 ай бұрын

Keep going on 😉

@pixelratsans 7 ай бұрын

@@AsmrProg haha, alright!

@AsmrProg 7 ай бұрын

@Sanskaar-PixelRat 🙏❤️

@YoungUkrainian 3 ай бұрын

Brother, please explain how ready-made lines appear immediately? You start writing the code and you immediately see 2-3 lines of ready-made code, please share the secret

@veyselarslan12 2 ай бұрын

! and press tab

@PeytonGamesRBLX 3 ай бұрын

Im a newbie to HTML, but the radial-gradient isn't working for me ill copy the things I have: background-image: radial-gradient(at 9% 89%, hsla(215, 90%, 73%,1) 0px, transparent 50%), radial-gradient(at 72% 6% hsla(331, 74%, 64%,1) 0px, transparent 50%), radial-gradient(at 24% 19% hsla(14, 90%, 74%, 1) 0px, transparent 50%), radial-gradient(at 65% 6%, hsla(6, 79%, 76%, 1) 0px, transparent 50%), radial-gradient(at 20% 98%, hsla(316,72%, 64%, 1) 0px, transparent 50%), radial-gradient(at 44% 9%, hsla(49, 96%, 77%,1) 0px, transparent 50%), radial-gradient(at 10% 9%, hsla(76, 65%, 63%,1) 0px, transparent 50%);

@AsmrProg 3 ай бұрын

Hi, did you check source code?! sorry for late response 🙏

@PeytonGamesRBLX 3 ай бұрын

@@AsmrProg no lol 😂 maybe I should