How to Web Dev
How to Web Dev
  • Видео 144
  • Просмотров 643 088
Modern Responsive Portfolio Website with HTML & CSS & JavaScript
In this video, you will learn how to create a modern responsive portfolio website with HTML CSS and JavaScript. I hope you enjoy it.
🔔 Subscribe For More @HowtoWebDev
-------------------------------------------------------------------
Fontawesome Icons: cdnjs.com/libraries/font-awesome
fontawesome.com/
-------------------------------------------------------------------
Images: tr.pinterest.com/pin/585186545354877237/
dribbble.com/shots/16677921-Crypto-rankings
dribbble.com/shots/19681811-Crypto-Currency-Security-Dashboard-Design-SaaS
dribbble.com/shots/14055866-eCommerce-HTML-UI-Kit-and-Templates
-------------------------------------------------------------------
Check Out My Other Videos: ruclips....
Просмотров: 1 082

Видео

How to Create Modern Navbar with React & Tailwind
Просмотров 21112 часов назад
In this video, you will learn how to create a modern navbar using React and Tailwind. I hope you enjoy it. 🔔 Subscribe For More @HowtoWebDev Check Out My Other Videos: ruclips.net/video/uTPO6fKtBvM/видео.html ruclips.net/video/ArKrqdQ-oSs/видео.html ruclips.net/video/gXRbhC7Xmi0/видео.html ruclips.net/video/NaqkIqeqYMI/видео.html ruclips.net/video/oci97MXAJqg/видео.html ruclips.net/video/x-e2dF...
Easy Dark Mode using React & Tailwind
Просмотров 233День назад
In this video, you will learn how to create dark mode using React and Tailwind. I hope you enjoy it. 🔔 Subscribe For More @HowtoWebDev Check Out My Other Videos: ruclips.net/video/qUV2kgYdr9k/видео.html ruclips.net/video/uTPO6fKtBvM/видео.html ruclips.net/video/ArKrqdQ-oSs/видео.html ruclips.net/video/gXRbhC7Xmi0/видео.html ruclips.net/video/NaqkIqeqYMI/видео.html ruclips.net/video/oci97MXAJqg/...
Super Easy Animated Background with HTML & CSS!
Просмотров 1,2 тыс.14 дней назад
In this video, you will learn how to create an animated colorful background using HTML & CSS. I hope you enjoy it. 🔔 Subscribe For More @HowtoWebDev Check Out My Other Videos: ruclips.net/video/qUV2kgYdr9k/видео.html ruclips.net/video/uTPO6fKtBvM/видео.html ruclips.net/video/ArKrqdQ-oSs/видео.html ruclips.net/video/gXRbhC7Xmi0/видео.html ruclips.net/video/NaqkIqeqYMI/видео.html ruclips.net/vide...
How to Create Responsive Navbar with React & Tailwind
Просмотров 1,8 тыс.21 день назад
In this video, you will learn how to create a responsive navbar using React & Tailwind. I hope you enjoy it. 🔔 Subscribe For More @HowtoWebDev Check Out My Other Videos: ruclips.net/video/bi7kaS2psSo/видео.html ruclips.net/video/uTPO6fKtBvM/видео.html ruclips.net/video/ArKrqdQ-oSs/видео.html ruclips.net/video/gXRbhC7Xmi0/видео.html ruclips.net/video/NaqkIqeqYMI/видео.html ruclips.net/video/oci9...
How to Create Bento Grid using React & Tailwind
Просмотров 57628 дней назад
In this video, you will learn how to create a bento grid using React and Tailwind. I hope you enjoy it. 🔔 Subscribe For More @HowtoWebDev Check Out My Other Videos: ruclips.net/video/uTPO6fKtBvM/видео.html ruclips.net/video/ArKrqdQ-oSs/видео.html ruclips.net/video/gXRbhC7Xmi0/видео.html ruclips.net/video/NaqkIqeqYMI/видео.html ruclips.net/video/oci97MXAJqg/видео.html ruclips.net/video/x-e2dFLKy...
How to Easily Add Wavy Backgrounds to Your Website
Просмотров 508Месяц назад
In this video, you will learn how to add wavy backgrounds to your website easily using SVG's. I hope you enjoy it. SVG Website: haikei.app/ 🔔 Subscribe For More @HowtoWebDev Check Out My Other Videos: ruclips.net/video/uTPO6fKtBvM/видео.html ruclips.net/video/ArKrqdQ-oSs/видео.html ruclips.net/video/gXRbhC7Xmi0/видео.html ruclips.net/video/NaqkIqeqYMI/видео.html ruclips.net/video/oci97MXAJqg/ви...
Create Responsive Login Form Using React & Tailwind
Просмотров 758Месяц назад
In this video, you will learn how to create a responsive login form using React and Tailwind. I hope you enjoy it. 🔔 Subscribe For More @HowtoWebDev Image: unsplash.com/photos/flat-screen-computer-monitor-turned-on-beside-black-keyboard-8GDCzWrcE3M TailwindCSS: tailwindcss.com/ Check Out My Other Videos: ruclips.net/video/-56tUJ9qEdA/видео.html ruclips.net/video/GnFH9Eg-OuM/видео.html ruclips.n...
Build a Responsive Portfolio Website using HTML & CSS & JavaScript
Просмотров 6 тыс.Месяц назад
In this video, you will learn how to build a responsive portfolio website using HTML, CSS and JavaScript. I hope you enjoy it. 🔔 Subscribe For More @HowtoWebDev Starter Code: github.com/HowtoWebDev/starter-code Check Out My Other Videos: ruclips.net/video/uTPO6fKtBvM/видео.html ruclips.net/video/ArKrqdQ-oSs/видео.html ruclips.net/video/gXRbhC7Xmi0/видео.html ruclips.net/video/NaqkIqeqYMI/видео....
How to Create Landing Page with Bento Grid | HTML & CSS Tutorial
Просмотров 1,3 тыс.Месяц назад
In this video, you will learn how to create a landing with bento grid layout using HTML and CSS. I hope you enjoy it. 🔔 Subscribe For More @HowtoWebDev Starter Code: github.com/HowtoWebDev/bentogrid-starter Check Out My Other Videos: ruclips.net/video/uTPO6fKtBvM/видео.html ruclips.net/video/ArKrqdQ-oSs/видео.html ruclips.net/video/gXRbhC7Xmi0/видео.html ruclips.net/video/NaqkIqeqYMI/видео.html...
How to Add Google Maps Location to Your Website | HTML & CSS Tutorial
Просмотров 715Месяц назад
In this video, you will learn how to add Google Maps Location to your website using HTML and CSS. I hope you enjoy it. 🔔 Subscribe For More @HowtoWebDev Check Out My Other Videos: ruclips.net/video/uTPO6fKtBvM/видео.html ruclips.net/video/x-e2dFLKyKs/видео.html ruclips.net/video/NaqkIqeqYMI/видео.html ruclips.net/video/ZHfDDhSIWzM/видео.html ruclips.net/video/gSPIX2r8Zsw/видео.html ruclips.net/...
Create Responsive Workflow Section Using HTML & CSS
Просмотров 3832 месяца назад
In this video, you will learn how to build a responsive workflow section using HTML and CSS. I hope you enjoy it. 🔔 Subscribe For More! @HowtoWebDev Check Out My Other Videos: ruclips.net/video/uTPO6fKtBvM/видео.html ruclips.net/video/NaqkIqeqYMI/видео.html ruclips.net/video/x-e2dFLKyKs/видео.html ruclips.net/video/V49fGLgM4WE/видео.html ruclips.net/video/lyvbZJ12DmE/видео.html ruclips.net/vide...
Build a Responsive Personal Portfolio Website Using HTML & CSS & JavaScript
Просмотров 13 тыс.2 месяца назад
In this video, you will learn how to build a responsive personal portfolio website using HTML, CSS and JavaScript. I hope you enjoy it. 🔔 Subscribe For More! @HowtoWebDev Starter Code: github.com/HowtoWebDev/Portfolio-Website-Starter-Code Related Videos: ruclips.net/video/V49fGLgM4WE/видео.html ruclips.net/video/lyvbZJ12DmE/видео.html ruclips.net/video/A2xuyqeTE9o/видео.html ruclips.net/video/U...
Create Expanding Cards using HTML & CSS & JavaScript
Просмотров 1,5 тыс.2 месяца назад
In this video, you will learn how to create this expanding cards using HTML, CSS and JavaScript. I hope you enjoy it. 🔔 Subscribe For More! @HowtoWebDev Icons: boxicons.com/ Related Videos: ruclips.net/video/x-e2dFLKyKs/видео.html ruclips.net/video/sVSAklXy1uE/видео.html ruclips.net/video/oci97MXAJqg/видео.html ruclips.net/video/WW_Rq1RgdC0/видео.html ruclips.net/video/1hfradAOvYc/видео.html ru...
Create Stunning 3D Button Hover Effect using HTML & CSS
Просмотров 2823 месяца назад
In this video, you will learn how to create this button hover effect using HTML & CSS. I hope you enjoy it. 🔔 Subscribe For More! @HowtoWebDev Related Videos: ruclips.net/video/gSPIX2r8Zsw/видео.html ruclips.net/video/V49fGLgM4WE/видео.html ruclips.net/video/EvRtKGlgmG0/видео.html ruclips.net/video/oci97MXAJqg/видео.html ruclips.net/video/sVSAklXy1uE/видео.html ruclips.net/video/WW_Rq1RgdC0/вид...
How To Create Pomodoro Timer App Using HTML CSS And JavaScript
Просмотров 3683 месяца назад
How To Create Pomodoro Timer App Using HTML CSS And JavaScript
Beginner JavaScript Project | Height Converter Tutorial
Просмотров 4553 месяца назад
Beginner JavaScript Project | Height Converter Tutorial
JavaScript Beginner Project | BMI Calculator Tutorial
Просмотров 2843 месяца назад
JavaScript Beginner Project | BMI Calculator Tutorial
Create Responsive Glass Bento Grid Layout Using HTML & CSS
Просмотров 2 тыс.3 месяца назад
Create Responsive Glass Bento Grid Layout Using HTML & CSS
Build This JavaScript Color Flipper in 10 Minutes!
Просмотров 5713 месяца назад
Build This JavaScript Color Flipper in 10 Minutes!
Build a Responsive Personal Portfolio Website Using HTML & CSS & JavaScript
Просмотров 22 тыс.4 месяца назад
Build a Responsive Personal Portfolio Website Using HTML & CSS & JavaScript
Responsive About Us Page Using HTML & CSS | Step by Step Tutorial
Просмотров 4724 месяца назад
Responsive About Us Page Using HTML & CSS | Step by Step Tutorial
Create Rock-Paper-Scissors Game Using HTML CSS and JavaScript
Просмотров 6974 месяца назад
Create Rock-Paper-Scissors Game Using HTML CSS and JavaScript
Create Responsive Flexbox Layout in 8 Minutes
Просмотров 1,8 тыс.4 месяца назад
Create Responsive Flexbox Layout in 8 Minutes
How to Create and Style a Table with HTML & CSS | Step by Step Tutorial
Просмотров 2564 месяца назад
How to Create and Style a Table with HTML & CSS | Step by Step Tutorial
How to Create CSS Bento Grid Using Flexbox | Step by Step Tutorial
Просмотров 3,8 тыс.4 месяца назад
How to Create CSS Bento Grid Using Flexbox | Step by Step Tutorial
Learn CSS Pseudo-Class vs Pseudo-Element Differences In 6 Minutes
Просмотров 1764 месяца назад
Learn CSS Pseudo-Class vs Pseudo-Element Differences In 6 Minutes
Create Stunning Button Hover Effect using HTML & CSS
Просмотров 3304 месяца назад
Create Stunning Button Hover Effect using HTML & CSS
How to Customize a Scrollbar using CSS | Step by Step Tutorial
Просмотров 3355 месяцев назад
How to Customize a Scrollbar using CSS | Step by Step Tutorial
Top 8 VSCode Extensions You MUST TRY In 2024
Просмотров 2,1 тыс.5 месяцев назад
Top 8 VSCode Extensions You MUST TRY In 2024

Комментарии

  • @Zayn_Khazi
    @Zayn_Khazi 11 часов назад

    broo source code plz

  • @masfeb_33
    @masfeb_33 11 часов назад

    Github code?

  • @tsegaephrem7640
    @tsegaephrem7640 День назад

    a scroll bar is not appearing at all

  • @qerch-
    @qerch- День назад

    teach me, im brazilian, i pay you a blowjob screwdriver and i dont know speak english 👍👏

  • @PirapatYingkaew
    @PirapatYingkaew День назад

    great videos help me a lot thank!

  • @moderathor
    @moderathor День назад

    I like your videos. They are so great❤❤❤

  • @AB-ee8vi
    @AB-ee8vi День назад

    Very good 👍

  • @DiscreteBoss
    @DiscreteBoss 2 дня назад

    how do I make the css animation type and backspace ??

  • @wendysburgers4326
    @wendysburgers4326 2 дня назад

    4:08 what's <i> element before class? Google said it's Italic??? <i></i>

  • @ProkashGG
    @ProkashGG 3 дня назад

    How to get email by contact form ?

  • @zalomirgabriel1476
    @zalomirgabriel1476 3 дня назад

    Looks really good!

  • @shahoodsaleem5597
    @shahoodsaleem5597 3 дня назад

    need some help, when i write animation: GradiantAnimation 5s linear infinite and then @keyframes { ( everything extra ) } it does not work maybe its because of some error I'm making?

  • @geetamstudent6669
    @geetamstudent6669 3 дня назад

    How can i share the file after completion. Any one can help me please

  • @geetamstudent6669
    @geetamstudent6669 4 дня назад

    Please send me source code

  • @mustafomuhammadqulov-sc9fx
    @mustafomuhammadqulov-sc9fx 4 дня назад

    vashe

  • @HowtoWebDev
    @HowtoWebDev 4 дня назад

    Hey everyone, I hope you're having a great day. Since this video is getting a lot of views , I wanted to share my latest portfolio videos which have line by line explanation of the code. Unfortunately, this video has no sound due to copyright issues. I recommend you to check out these two videos: ruclips.net/video/uTPO6fKtBvM/видео.html ruclips.net/video/GnFH9Eg-OuM/видео.html

  • @EYUDEM
    @EYUDEM 4 дня назад

    Lutfen konus

    • @HowtoWebDev
      @HowtoWebDev 4 дня назад

      ruclips.net/video/uTPO6fKtBvM/видео.html

  • @russwest5252
    @russwest5252 4 дня назад

    i have an issue with h1 and the span inside. As my name is >4 letters it goes on another line or on top of the "Hi, It's". Same thing happens with my job title which is way longer

    • @HowtoWebDev
      @HowtoWebDev 4 дня назад

      You can probably solve that problem by using text-wrap:nowrap, but I need to see the code to make sure. If you can share your 'home-content' part I'd be happy to help.

  • @Aesthetica-c3x
    @Aesthetica-c3x 4 дня назад

    thanks a lot!! You nailed it

  • @BhaskarGhosh-n5d
    @BhaskarGhosh-n5d 5 дней назад

    Can i upload videos in project section

  • @drujas
    @drujas 5 дней назад

    It would have been great to see a responsive design. Nice work. 👍

    • @HowtoWebDev
      @HowtoWebDev 4 дня назад

      I'll be sharing a portfolio website video with the same navbar design using plain html-css, also a responsive version. Stay tuned!

  • @Nanashi-rq7lk
    @Nanashi-rq7lk 5 дней назад

    Perfect Tutorial

  • @s.hassan595.
    @s.hassan595. 5 дней назад

    SIR THANKS FOR THIS VIDEO I LIKE IT 🥰😍🤩

  • @auroratoness
    @auroratoness 5 дней назад

    Etkili bir video teşekkürler Emre :)

  • @MeenaVlogs1313
    @MeenaVlogs1313 5 дней назад

    Addtocart?in reqctjs

  • @davarakondanagarjuna4454
    @davarakondanagarjuna4454 5 дней назад

    How to check dangerous Response

  • @sana-tf7oi
    @sana-tf7oi 6 дней назад

    someone pls help me i can't display the items in a row even with display flex

  • @raskymster6750
    @raskymster6750 6 дней назад

    3rd Comment

  • @davidsteed1966
    @davidsteed1966 6 дней назад

    For some reason, the home image isn't bordering as a circle. It's an oval. I've double and triple checked my code to see if it matches and cannot for the life of me figure out what is happening. Anyone have any idea?

    • @davidsteed1966
      @davidsteed1966 6 дней назад

      Nevermind. Just realized the image used was pre-cropped to a square shape. Fixed

  • @junayedhassan8535
    @junayedhassan8535 6 дней назад

    why did you wrote window.onscroll? i dont see the use case here. i mean the mobile view navigation works completely fine without this function. so im a little bit confused why you have wrote it. and on this video-- ruclips.net/video/GnFH9Eg-OuM/видео.html you had not wrote this funciton.

    • @HowtoWebDev
      @HowtoWebDev 4 дня назад

      The window.onscroll function is used to determine which section is displayed in the viewport currently, so that the corresponding link in the navbar can get the underline effect (Such as, when you are displaying the Home section, 'home' tab in the navbar gets a underline effect). Check out the if statement, you can see that the tab you are currently viewing gets the 'active' class, basically indicating that you are currently in that section. Looks like the video in the link doesn't have that feature, so that's why it doesn't have that function. It has nothing to do with the navigation of the website, its just to create the underline for the current tab.

  • @OmSingh-fl8ii
    @OmSingh-fl8ii 9 дней назад

    14:38 note to self(timestamp for this annoying code)

  • @Aizen_senpai
    @Aizen_senpai 10 дней назад

    how can i make it a link and put it in my insta bio and Resume ???

  • @goldsteingospel3618
    @goldsteingospel3618 11 дней назад

    Thanks for the lesson

  • @adrianperez8496
    @adrianperez8496 12 дней назад

    You have it in some Github repository

  • @user-fk3rq1fz3r
    @user-fk3rq1fz3r 12 дней назад

    It's good but make the video a bit engaging somehow, by adding sound effects or your own voice

    • @HowtoWebDev
      @HowtoWebDev 9 дней назад

      I recommend you to watch these two videos: ruclips.net/video/GnFH9Eg-OuM/видео.html ruclips.net/video/uTPO6fKtBvM/видео.html

  • @Kirito-72
    @Kirito-72 12 дней назад

    My hire button and send message one in the contact section not glowing on hover

  • @Nanashi-rq7lk
    @Nanashi-rq7lk 14 дней назад

    Thanks, the idea of using backdrop-filter is a learning experience.

  • @kindachad
    @kindachad 14 дней назад

    Great tutorial

  • @KikoWorld-vh2jr
    @KikoWorld-vh2jr 14 дней назад

    In my case i can't made it responsive how to do it i watch you video many time else i failded to do this please reply ❤

  • @user-ff2ed6dh8x
    @user-ff2ed6dh8x 15 дней назад

    wow. with these no one has to buy shit.

  • @ProdigyGamingHub007
    @ProdigyGamingHub007 15 дней назад

    Js not working

  • @techiiarp
    @techiiarp 15 дней назад

    What font did you use in this?

  • @user-ih7nl2vc4u
    @user-ih7nl2vc4u 15 дней назад

    your github id?

  • @RahulSharma-sz9ij
    @RahulSharma-sz9ij 17 дней назад

    My image is becoming oval and not circular, how to fix this?

  • @mikhaildolgov
    @mikhaildolgov 17 дней назад

    More )

  • @officialdreamplayz
    @officialdreamplayz 19 дней назад

    1 tutorial with voice pls 😢

    • @HowtoWebDev
      @HowtoWebDev 19 дней назад

      I have a lot of videos with explanations especially the last 30+ videos, you can check them out. If you are specifically looking for a portfolio website video I recommend you to watch these two videos: ruclips.net/video/uTPO6fKtBvM/видео.html ruclips.net/video/GnFH9Eg-OuM/видео.html

    • @officialdreamplayz
      @officialdreamplayz 19 дней назад

      @@HowtoWebDev thank you

  • @Lifeuodatebbcc
    @Lifeuodatebbcc 19 дней назад

    great

  • @ch_abaidullah01
    @ch_abaidullah01 22 дня назад

    Can you please give Source Files also??

  • @Nanashi-rq7lk
    @Nanashi-rq7lk 24 дня назад

    Useful Content

  • @JamshaidAzam-un8ll
    @JamshaidAzam-un8ll 25 дней назад

    it's great simple project and easy and helpful for beginner student thank you very much