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

Подписаться 317 тыс.

Просмотров 69 тыс.

50% 1

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 RU-vid : @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

Опубликовано:

9 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 148

@AsmrProg 8 месяцев назад

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

@mainfalsedata 8 месяцев назад

No Problem ❤

@AsmrProg 8 месяцев назад

@Verloxirion 🙏❤️

@Simrandeep2002 8 месяцев назад

Amazing designs as always 😊 thanku

@AsmrProg 8 месяцев назад

@simrandeepsingh2772 🙏❤️

@grupoJenta 8 месяцев назад

Un saludo desde Colombia, excelente canal

@Tobinbelltesterejigsaw 8 месяцев назад

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

@AsmrProg 8 месяцев назад

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 2 месяца назад

😮 what's this 😅

@user-bf2eb1el5n 6 месяцев назад

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

@AsmrProg 5 месяцев назад

Thanks so much 🙏

@ricardoalberto7344 6 месяцев назад

Awesome video. Relaxing, helpfull and beatiful. Congrats!

@AsmrProg 6 месяцев назад

Thanks so much 🙏

@DevMalu 8 месяцев назад

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

@AsmrProg 8 месяцев назад

Glad to hear it 🙏❤️

@jeanjack1462 4 месяца назад

A pessoa aprende e relaxa ao mesmo tempo xD

@AsmrProg 4 месяца назад

@jeanjack1462 🙏❤️

@rafi-leigh 8 месяцев назад

simple but useful, good job!

@AsmrProg 8 месяцев назад

Thanks a lot 🙏❤️

@ather1717 8 месяцев назад

wow! you are so skilled at this!!!

@AsmrProg 8 месяцев назад

🙏❤️

@mainfalsedata 8 месяцев назад

Nicee, Best HTML and CSS page u made! ❤

@AsmrProg 8 месяцев назад

🙏❤️

@raponduty 8 месяцев назад

Nicee I like it, Classic AsmrProg!

@AsmrProg 8 месяцев назад

Thanks 🙏❤️

@V5AspireAcer 8 месяцев назад

Your videos are good and fun to watch 😁

@AsmrProg 8 месяцев назад

Thanks 🙏❤️

@user-vg4ze7ft8e 8 месяцев назад

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

@AsmrProg 8 месяцев назад

🙏❤️

@salmanal-farsi1141 8 месяцев назад

Thank you

@AsmrProg 8 месяцев назад

🙏❤️

@dilara3844 7 месяцев назад

Using my ASMR addiction for something effective

@AsmrProg 7 месяцев назад

🙏❤️

@CODINGTECH05 8 месяцев назад

Nice portfolio ❤

@AsmrProg 8 месяцев назад

🙏❤️

@LNDazai 8 месяцев назад

congratulations for 200k

@AsmrProg 8 месяцев назад

🙏❤️

@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?

@SuperGoorbe 8 месяцев назад

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

@AsmrProg 8 месяцев назад

Thanks a lot for supports 🙏❤️

@cozycoding 8 месяцев назад

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

@AsmrProg 8 месяцев назад

Hi, i find it from web searching!

@hackerishacker1212 Месяц назад

using little things as a weapon ❤❤

@rahim6821 4 месяца назад

Cool

@AsmrProg 3 месяца назад

Thanks 🙏❤️

@tongas99ga 7 месяцев назад

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

@AsmrProg 7 месяцев назад

Hi, it’s with glassit extension 🙏

@Thebigbean114 5 месяцев назад

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 5 месяцев назад

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

@XxAlphaxX2149 8 месяцев назад

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

@AsmrProg 8 месяцев назад

Keep going on 😉❤️

@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 🙏

@sagarsolanki03 7 месяцев назад

Man I like your keyboard 🫶

@AsmrProg 7 месяцев назад

Link on description 😁

@user-ir3dr2jl7b 7 месяцев назад

🔥🔥🔥🔥

@AsmrProg 7 месяцев назад

🙏❤️

@prod.kaycey7437 5 месяцев назад

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

@AsmrProg 5 месяцев назад

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

@lanzmiguel8238 8 месяцев назад

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 8 месяцев назад

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

@arty3683 8 месяцев назад

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

@AsmrProg 8 месяцев назад

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

@shadownightbg2649 6 месяцев назад

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

@AsmrProg 6 месяцев назад

Hi, with free courses on youtube!

@lmaoyoudumb619 8 месяцев назад

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

@AsmrProg 8 месяцев назад

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

@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 🙏

@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

@TipforyouByD Месяц назад

when watching your videos i want to be a programmer 🎉

@ayanneoshorts 8 месяцев назад

❤❤❤❤

@AsmrProg 8 месяцев назад

🙏❤️

@sandylynx3280 8 месяцев назад

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 8 месяцев назад

Hi, it’s vscode!

@sandylynx3280 8 месяцев назад

@@AsmrProg many thanks

@AsmrProg 8 месяцев назад

@sandylynx3280 🙏❤️

@jonnadhanalakshmi803 8 месяцев назад

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

@AsmrProg 8 месяцев назад

🙏❤️

@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 😉

@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

@arnoldwolfstein 8 месяцев назад

what are the keyboard and switches?

@AsmrProg 8 месяцев назад

Hi, please check description 🙏

@shidktbwr 8 месяцев назад

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

@AsmrProg 8 месяцев назад

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

@pubgjinisi214 8 месяцев назад

Bro, what is the background of vs code?

@AsmrProg 8 месяцев назад

Hi, it’s with glassit extension 🙏

@wispac7629 7 месяцев назад

bro how do you make the cursor look like this

@AsmrProg 7 месяцев назад

Hi, it’s screen recorder effects 🙏

@mayuralepavion382 8 месяцев назад

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

@AsmrProg 8 месяцев назад

Yes i have it in plans but for the future 🙏

@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 🙏

@bradleybard1558 7 месяцев назад

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

@AsmrProg 7 месяцев назад

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

@bradleybard1558 7 месяцев назад

@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 7 месяцев назад

@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 🙏

@santiagodiaz8824 8 месяцев назад

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

@Hurricane_97 8 месяцев назад

tokyo night

@AsmrProg 8 месяцев назад

Tokyo night in this video 🙏

@AsmrProg 8 месяцев назад

Thanks for answering 🙏❤️

@aravindaravind9613 2 месяца назад

bro how to use emoji?

@pixelratsans 8 месяцев назад

Here, social exams tomorrow and watching this today :D

@AsmrProg 8 месяцев назад

Keep going on 😉

@pixelratsans 8 месяцев назад

@@AsmrProg haha, alright!

@AsmrProg 8 месяцев назад

@Sanskaar-PixelRat 🙏❤️

@ghostfreakx 7 месяцев назад

U can make 3d animation and ttransition web site❤

@AsmrProg 7 месяцев назад

Yes 😁

@bob40746 8 месяцев назад

some vscode setup video? i need your font 🫠

@AsmrProg 8 месяцев назад

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

@KAIBlent 15 дней назад

Hi! Whats the theme name?

@AsmrProg 14 дней назад

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

@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 3 месяца назад

! and press tab

@burakyzx 8 месяцев назад

What is VsCode font?

@AsmrProg 8 месяцев назад

Hi, Cascadia Code 🙏

@burakyzx 7 месяцев назад

Thanks @@AsmrProg

@AsmrProg 7 месяцев назад

@burakyzx 🙏❤️

@PeytonGamesRBLX 4 месяца назад

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