Kalman Web Design
Kalman Web Design
  • Видео 637
  • Просмотров 108 719
Build a Responsive Slide-In Navigation Menu with HTML, CSS, and JavaScript | Tutorial & Guide
Learn how to build a responsive slide-in navigation menu with HTML, CSS, and JavaScript in this comprehensive tutorial and guide. We'll walk you through the entire process, from structuring your HTML to styling with CSS and adding interactive functionality with JavaScript. Perfect for beginners and experienced developers alike, this video will help you create a sleek, modern navigation menu for any website. Join us and enhance your web development skills with this practical and engaging project!
Our Website: kalmanwebdesign.com/
Source Code: github.com/KalmanWebDesign/HTML-CSS-JS-Portfolio
Our Work:
ramblintees.com/
bestbudgetwindowblinds.com/
lilybulbphotography.site/
#WebDevelopment #HTML #CSS...
Просмотров: 60

Видео

Epic Portfolio Website with HTML, CSS, & JavaScript from Scratch | Responsive Web Design Tutorial
Просмотров 5159 часов назад
How to create a portfolio website from scratch using HTML, CSS, and JavaScript! Complete guide and tutorial to web design and development. Whether you're a beginner looking to delve into web development or an experienced coder seeking to enhance your skills, this video is for you. In this full guide and tutorial, we'll walk you through the entire process, step by step, from laying out the struc...
Deploy Your React App for FREE in Seconds | Easiest Way to Host Your React App
Просмотров 2819 часов назад
Learn how to deploy and host your React JS web app for free with our comprehensive tutorial & guide! This ultimate React tutorial covers everything you need to know. Master React's latest tips, techniques, and best practices to build dynamic web applications effortlessly. How to create and deploy a Web App with React JS from start to finish. Our Website: kalmanwebdesign.com/ Our Work: ramblinte...
React Props Explained in Simple Terms with Example | FAST React Prop Tutorial
Просмотров 12День назад
React Props Explained in Simple Terms with Example | FAST React Prop Tutorial
React State Explained in Simple Terms with Example | Master React State Tutorial FAST
Просмотров 914 дней назад
React State Explained in Simple Terms with Example | Master React State Tutorial FAST
How to Import Google Fonts in React JS | FASTEST Google Fonts Tutorial
Просмотров 1914 дней назад
How to Import Google Fonts in React JS | FASTEST Google Fonts Tutorial
Create React Components 5x Faster | React Tutorial with the Latest Techniques
Просмотров 1821 день назад
Create React Components 5x Faster | React Tutorial with the Latest Techniques
How to Create & Use React Components | React Tutorial for Beginners
Просмотров 421 день назад
How to Create & Use React Components | React Tutorial for Beginners
Create React App in 1 Minute | Fastest React Tutorial | How to Create a React App with Vite
Просмотров 4228 дней назад
Create React App in 1 Minute | Fastest React Tutorial | How to Create a React App with Vite
How to Create React App From Scratch | Beginnier React Tutorial & Guide with the Latest Techniques
Просмотров 75Месяц назад
How to Create React App From Scratch | Beginnier React Tutorial & Guide with the Latest Techniques
How to Create a GitHub Repository & Push Code | GitHub Beginner Tutorial & Guide
Просмотров 160Месяц назад
How to Create a GitHub Repository & Push Code | GitHub Beginner Tutorial & Guide
How to Create a package.json File in VS Code | Beginners Guide to Node.js Project Management
Просмотров 65Месяц назад
How to Create a package.json File in VS Code | Beginners Guide to Node.js Project Management
How to Use Gulp.js to Minify Your Code & Automate Tasks for Better Development | Gulp JS Tutorial
Просмотров 65Месяц назад
How to Use Gulp.js to Minify Your Code & Automate Tasks for Better Development | Gulp JS Tutorial
Figma Tutorial for Beginners | How to Design Stunning Websites & Web Apps from Scratch
Просмотров 294Месяц назад
Figma Tutorial for Beginners | How to Design Stunning Websites & Web Apps from Scratch
Deploy Any Website or Web App for FREE! MERN, MEAN, Node & HTML | Render & Netlify Tutorial
Просмотров 202Месяц назад
Deploy Any Website or Web App for FREE! MERN, MEAN, Node & HTML | Render & Netlify Tutorial
How to Securely Accept Payments with Stripe - Ultimate Stripe API & Node JS Tutorial
Просмотров 44Месяц назад
How to Securely Accept Payments with Stripe - Ultimate Stripe API & Node JS Tutorial
Unleash JavaScript's Intersection Observer | Create Animations & Dynamic Content - Source Code
Просмотров 138Месяц назад
Unleash JavaScript's Intersection Observer | Create Animations & Dynamic Content - Source Code
How to Create Dynamic Products with Increment & Decrement Onclick | Dynamic Html, CSS, & JavaScript
Просмотров 13Месяц назад
How to Create Dynamic Products with Increment & Decrement Onclick | Dynamic Html, CSS, & JavaScript
How to Create Dynamic Product & Cart Pages for Ecommerce Websites from Scratch | Free Source Code
Просмотров 1492 месяца назад
How to Create Dynamic Product & Cart Pages for Ecommerce Websites from Scratch | Free Source Code
#1 Way to Validate Forms with JavaScript - Complete Tutorial with Source Code
Просмотров 732 месяца назад
#1 Way to Validate Forms with JavaScript - Complete Tutorial with Source Code
AI Wars: Google Gemini vs Microsoft Copilot for Web Development - Web Dev Showdown
Просмотров 472 месяца назад
AI Wars: Google Gemini vs Microsoft Copilot for Web Development - Web Dev Showdown
CSS Grid Tutorial 2024 | Master Grid in Minutes!
Просмотров 1482 месяца назад
CSS Grid Tutorial 2024 | Master Grid in Minutes!
How to Improve Your Website Performance by Validating Your HTML & CSS | Code Validation Tutorial
Просмотров 692 месяца назад
How to Improve Your Website Performance by Validating Your HTML & CSS | Code Validation Tutorial
HTML & CSS Ecommerce Order Form Tutorial | How to Create Frontend Ecommerce Website
Просмотров 362 месяца назад
HTML & CSS Ecommerce Order Form Tutorial | How to Create Frontend Ecommerce Website
How to Make an About Page with HTML & CSS | Complete HTML & CSS Tutorial with Code
Просмотров 282 месяца назад
How to Make an About Page with HTML & CSS | Complete HTML & CSS Tutorial with Code
Create Dynamic & Responsive Footer with HTML & CSS Flexbox | Complete Tutorial with Code
Просмотров 522 месяца назад
Create Dynamic & Responsive Footer with HTML & CSS Flexbox | Complete Tutorial with Code
Create Ecommerce Product Layout with HTML & CSS Grid | Complete Ecommerce Product Tutorial with Code
Просмотров 373 месяца назад
Create Ecommerce Product Layout with HTML & CSS Grid | Complete Ecommerce Product Tutorial with Code
Create Dynamic Homepage with HTML, CSS, and JavaScript from Scratch | Complete Tutorial with Code
Просмотров 2073 месяца назад
Create Dynamic Homepage with HTML, CSS, and JavaScript from Scratch | Complete Tutorial with Code
5 Ways to Fix JavaScript 'Uncaught TypeError: Cannot Read Properties of Null' - How to Fix JS Errors
Просмотров 1033 месяца назад
5 Ways to Fix JavaScript 'Uncaught TypeError: Cannot Read Properties of Null' - How to Fix JS Errors
CSS Flexbox Tutorial 2024 - Master Flex in Minutes!
Просмотров 363 месяца назад
CSS Flexbox Tutorial 2024 - Master Flex in Minutes!

Комментарии

  • @user-mx9md4fl9i
    @user-mx9md4fl9i 22 часа назад

    God bless you for this

    • @KalmanWebDesign
      @KalmanWebDesign 20 часов назад

      Thanks for watching. Let me know if you need any help!

  • @user-bu8ss7px9v
    @user-bu8ss7px9v 3 дня назад

    Very helpful video bro!

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

    dude you remind me so much of Andrew Garfield, anyways love the tutorial thank you!

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

    This is an awesome tutorial, is it possible to use C++ instead of Java Script? Also from this point forward how can we publish the website so anyone can view it? Do we have to pay for a server somewhere that will take the request from the browser and populate our website to our computer? Thanks

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

      You technically could use C++, but you're much better of with JS for Web development. If you pay for a hosting service, you can follow the process in this video to host it online: ruclips.net/video/dowk18QD0gM/видео.htmlsi=QTYohi3n9FF5R9Rb If you're looking for a free method, your best bet is using Netlify in this video: ruclips.net/video/OcBLhVT7FTE/видео.htmlsi=rWrDc5kWWtHIGywp

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

      Let me know if you have anymore questions, and thanks for watching!

  • @Aden-Kuroyami
    @Aden-Kuroyami 4 дня назад

    Wow.. am i still in the school? Literally that what i studies in my class

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

    thank yyou so much bro! I was looking forward to learn git and how to add everything just in a few commands and you covered almost everything I needed! I appreciate!

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

    Many thanx!

  • @chanakya.01
    @chanakya.01 6 дней назад

    But I want a shortcut key

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

      Subscribe and it will magically appear

    • @chanakya.01
      @chanakya.01 6 дней назад

      @@KalmanWebDesign done 👍 now tell me the shortcut key

    • @chanakya.01
      @chanakya.01 6 дней назад

      @@KalmanWebDesign I really need the shortcut key brothaaaa ⚡

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

      @@chanakya.01 I was joking. the only way to do it is to use npm or yarn because we are using node.

    • @chanakya.01
      @chanakya.01 6 дней назад

      @@KalmanWebDesign Ahh! Thnx man

  • @subtoasted1257
    @subtoasted1257 8 дней назад

    what is going on here

    • @KalmanWebDesign
      @KalmanWebDesign 8 дней назад

      Disables the vertical scroll bar. This is useful when displaying an overlay or navigation.

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

    Thank You So Much

  • @girafasempescoco2761
    @girafasempescoco2761 13 дней назад

    Muito Obrigado !!

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

    immediatly typing git init gives me an error

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

      You need to install github. Type in git version to see if it's installed.

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

      @@KalmanWebDesign I fixed it yesterday, thank you tho!

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

      @@thehobbist5544 Awesome! Let me know if you run into any other issues.

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

      @@KalmanWebDesign okay will do, thanks!

  • @boutheynabiba3437
    @boutheynabiba3437 21 день назад

    thanks a lot you are genious !!

  • @sasu9338
    @sasu9338 25 дней назад

    Thank you very much 🙏💓💓💓

  • @TheRealPhaeism
    @TheRealPhaeism 27 дней назад

    damn man ngl i didn't expect the video to be here when i checked. tysm :)

    • @KalmanWebDesign
      @KalmanWebDesign 26 дней назад

      Thanks for watching! Let me know if you need help. Would appreciate it if you checkout my React JS video: ruclips.net/video/BufwtLMDQiE/видео.htmlsi=RNuJ57BEbVgzGkzi

  • @spadezap9728
    @spadezap9728 28 дней назад

    Thank you for this!

    • @KalmanWebDesign
      @KalmanWebDesign 28 дней назад

      Thanks for watching! Checkout the newest: ruclips.net/video/BufwtLMDQiE/видео.html

  • @apOLIgetics1
    @apOLIgetics1 29 дней назад

    cant you also just place the script tag at the bottom of the body? or use DOMContentLoaded as an event listener

  • @harshcreations884
    @harshcreations884 Месяц назад

    on which software are you using ???

  • @vzvale_
    @vzvale_ Месяц назад

    smart.

  • @Frostbytedigital
    @Frostbytedigital Месяц назад

    I personally always host them alongside the site im working on. Knowing google theyll sunset the embeds one day and make millions of sites uglier lol

    • @KalmanWebDesign
      @KalmanWebDesign Месяц назад

      Always unpredictable. Thanks for watching!

  • @sub-suurya3914
    @sub-suurya3914 Месяц назад

    A fellow web developer newbie here 👋🏼 I genuinely bless you to make it far. Cant wait for the back end video!🔥

    • @KalmanWebDesign
      @KalmanWebDesign Месяц назад

      How to Setup Dynamic Products & Cart: ruclips.net/video/BF9IXklFfXE/видео.html How to Receive Payments with Stripe: ruclips.net/video/XEyJBRm6qgI/видео.html. These videos walk you through the rest of the frontend and backend development. Thanks for watching, and reach out anytime with questions!

  • @ZakkJohnstone
    @ZakkJohnstone Месяц назад

    That theme is criminal

  • @Tavahandle
    @Tavahandle Месяц назад

    The theme 💀

    • @KalmanWebDesign
      @KalmanWebDesign Месяц назад

      Thanks for watching!

    • @Tavahandle
      @Tavahandle Месяц назад

      @@KalmanWebDesign i would have if it wasn’t for the eye sore of a theme…

    • @KalmanWebDesign
      @KalmanWebDesign Месяц назад

      @@Tavahandle What's wrong with the theme?

    • @ZakkJohnstone
      @ZakkJohnstone Месяц назад

      @@KalmanWebDesign if you use your eyes to see things no one should have to explain

    • @KalmanWebDesign
      @KalmanWebDesign Месяц назад

      @@ZakkJohnstone Thanks for watching!

  • @ryanhailey401
    @ryanhailey401 Месяц назад

    Super helpful

  • @user-vd9pc1gk8g
    @user-vd9pc1gk8g Месяц назад

    I have a question. Why is it that items in the navigation menu don't have a page. i downloaded a template and looked in the dashboard and didn't see a corresponding page for some of the items in the menu.

    • @KalmanWebDesign
      @KalmanWebDesign Месяц назад

      You would have to send me a picture and/ or video of what is happening.

  • @privateuploads5397
    @privateuploads5397 Месяц назад

    I've been an avid user of XD for quite a while but sadly they're very slow on features progress. So I switched to figma. I bet they will shutdown adobe XD soon. Not shocking coz they at adobe fond of shutting down their projects.

    • @KalmanWebDesign
      @KalmanWebDesign Месяц назад

      It seems that you're right, but it makes sense because Adobe spent so much to acquire Figma. Thanks for watching!

    • @privateuploads5397
      @privateuploads5397 Месяц назад

      @@KalmanWebDesign yeah. they're poking around figma since 2 years ago. I really thought they acquire it already. Maybe figma didn't budge with their offer haha.

    • @KalmanWebDesign
      @KalmanWebDesign Месяц назад

      @@privateuploads5397 It looks like they bought it late year: "Adobe agreed to acquire Figma for $20 billion" via hubspot. I'd recommend learning Figma because it looks like the future: ruclips.net/video/3DlGbqHbbxs/видео.htmlsi=wAq8jqJB2EHNLjcK

  • @EmmanuelCletus-vi9hm
    @EmmanuelCletus-vi9hm Месяц назад

    I love your teaching, I'm still a starter please how can I get more knowledge please

  • @user-vd9pc1gk8g
    @user-vd9pc1gk8g Месяц назад

    This helped. Thank you

    • @KalmanWebDesign
      @KalmanWebDesign Месяц назад

      Thanks for watching! Let me know if you have any questions.

  • @DsiUser
    @DsiUser Месяц назад

    It seems you're using v3.5 which is not as great as 4o and Claude sonnet

    • @KalmanWebDesign
      @KalmanWebDesign Месяц назад

      Yes, but I want to use the free version as many won't have the paid version. Thanks for watching!

    • @DsiUser
      @DsiUser Месяц назад

      @KalmanWebDesign I use the free version, and it lets me use it a lot without paying.

    • @DsiUser
      @DsiUser Месяц назад

      I use toggle between this and 4o you can generate stuff constantly with just free versions

    • @KalmanWebDesign
      @KalmanWebDesign Месяц назад

      @@DsiUser Only for a limited amount of prompts

    • @DsiUser
      @DsiUser Месяц назад

      @KalmanWebDesign I had a little typo, but what I'm saying from current experience is that there is only a time limitation on both of them, which means you get timed out from time to time and sometimes chat length is limited but you can always just move for a few hours to the other type or start a new chat

  • @BharatK169
    @BharatK169 Месяц назад

    Probably won't work for WordPress right??

    • @KalmanWebDesign
      @KalmanWebDesign Месяц назад

      You would need to download the WordPress files locally, and from there, try to upload them to Netlify. I don't see why it wouldn't work, but I have not tried it before.

  • @subhamghosh7032
    @subhamghosh7032 Месяц назад

    Saved my life!!!! Thank You SOOOOOO MUCHHHHH

  • @jesf570
    @jesf570 Месяц назад

    Nice work man, thanks for the well done tut!

  • @pucci_seq636
    @pucci_seq636 Месяц назад

    It works. Wow thanks for the help!

    • @KalmanWebDesign
      @KalmanWebDesign Месяц назад

      Thanks for watching!

    • @pucci_seq636
      @pucci_seq636 Месяц назад

      @@KalmanWebDesign Now Iam getting localhost refused to connect : (

    • @KalmanWebDesign
      @KalmanWebDesign Месяц назад

      @@pucci_seq636 Send me any error codes you have and try to clear your browser history and restart.

  • @idk_something301
    @idk_something301 Месяц назад

    I am sorry man but this should just have been a normal video. Sadly It was extremely disappointing to watch because I didn't even get anything watching how to do the thing, instead you want me to click your other video to maybe get the same scam as this one? Not happening... Sorry :/

    • @KalmanWebDesign
      @KalmanWebDesign Месяц назад

      If you use the html and css in this short video, you will get a responsive overlay. The name of the video is "Amazing overlay with html and css." Not a scam. A short has to be less than 60 seconds, so I can't have the same level of detail as in a full length video.

    • @KalmanWebDesign
      @KalmanWebDesign Месяц назад

      Watch the full length video. If it does not help you, let me know what you need, and I can make a video to help you out specifically. Here's the full video: ruclips.net/video/5BUlcPmjmA0/видео.html

  • @marinbb6946
    @marinbb6946 Месяц назад

    Do u use any JS frameworks or just pure html/css/js?

    • @KalmanWebDesign
      @KalmanWebDesign Месяц назад

      Yes, I use React, and I have a tutorial video scheduled within the next few weeks. Thanks for watching!

  • @shayzsofine
    @shayzsofine Месяц назад

    Why though?

  • @agalyaj
    @agalyaj 2 месяца назад

    Its working thank you so much.

  • @user-zs6kf7og3n
    @user-zs6kf7og3n 2 месяца назад

    bro you are amazing.... im glad that i found your video you turn it green in 2.30 mins and i was trying it from 2 , 3 days

  • @Senlegio
    @Senlegio 2 месяца назад

    i don't even code, but its fun to watch

    • @KalmanWebDesign
      @KalmanWebDesign 2 месяца назад

      It can be one of the most frustrating yet enjoyable things at the same time. Thanks for watching!

  • @no-eg5sk
    @no-eg5sk 2 месяца назад

    acc rly helpful

  • @giacomosanguin392
    @giacomosanguin392 2 месяца назад

    Just found this video. Cant wait to watch it and actually learn ho to program my website from scratch!

    • @KalmanWebDesign
      @KalmanWebDesign 2 месяца назад

      Thanks for watching, and let me know if you have any questions.

  • @damca3160
    @damca3160 2 месяца назад

    Thats the first time I've heard about a function constructor lol

  • @SebastianMares
    @SebastianMares 2 месяца назад

    Nice XSS you got there

  • @rainglade
    @rainglade 2 месяца назад

    thanks for this!!!

  • @aaryangupta3852
    @aaryangupta3852 2 месяца назад

    hi Kalman. Really good video! I have been trying to get my website to run on other devices but it hasn't been working. Do you know why?

    • @KalmanWebDesign
      @KalmanWebDesign 2 месяца назад

      Thanks for watching! What devices and where are you hosting it?

    • @aaryangupta3852
      @aaryangupta3852 2 месяца назад

      @@KalmanWebDesign I was trying to view my website on my other computer, and it wasn't showing it. Where should I be hosting it from? I am just using the link that I get when I open it with the live server.

    • @KalmanWebDesign
      @KalmanWebDesign 2 месяца назад

      @@aaryangupta3852 It sounds like you are using a locally hosted environment (eg live server) to view your website files on your computer. Since you are viewing the files directly from your computer where they are located, you would not be able to view them on another computer.

    • @aaryangupta3852
      @aaryangupta3852 2 месяца назад

      @@KalmanWebDesign hi, thanks for letting me know. You are amazing! Do you know how I should make it to be viewable on all devices?

    • @KalmanWebDesign
      @KalmanWebDesign 2 месяца назад

      @@aaryangupta3852 You need to find a good host. I personally use HostGator, but there is BlueHost, GoDaddy, etc. Those will all cost a few dollars to get started. There are a few free options out there, and my recommendation would be netlify. Only downside of netlify is that you can't create a custom domain because it is free.

  • @irishdaif3342
    @irishdaif3342 2 месяца назад

    buddy thank you it really helped me out

  • @hansaadmin
    @hansaadmin 2 месяца назад

    Thank you...