![Kalman Web Design](/img/default-banner.jpg)
- Видео 637
- Просмотров 108 719
Kalman Web Design
Добавлен 1 июн 2023
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...
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!
God bless you for this
Thanks for watching. Let me know if you need any help!
Very helpful video bro!
Thanks for watching!
dude you remind me so much of Andrew Garfield, anyways love the tutorial thank you!
I can see it! Thanks for watching!
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
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
Let me know if you have anymore questions, and thanks for watching!
Wow.. am i still in the school? Literally that what i studies in my class
Thanks for watching!
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!
Thanks for watching!
Many thanx!
Thanks for watching!
But I want a shortcut key
Subscribe and it will magically appear
@@KalmanWebDesign done 👍 now tell me the shortcut key
@@KalmanWebDesign I really need the shortcut key brothaaaa ⚡
@@chanakya.01 I was joking. the only way to do it is to use npm or yarn because we are using node.
@@KalmanWebDesign Ahh! Thnx man
what is going on here
Disables the vertical scroll bar. This is useful when displaying an overlay or navigation.
Thank You So Much
Thanks for watching!
Muito Obrigado !!
Thanks for watching!
immediatly typing git init gives me an error
You need to install github. Type in git version to see if it's installed.
@@KalmanWebDesign I fixed it yesterday, thank you tho!
@@thehobbist5544 Awesome! Let me know if you run into any other issues.
@@KalmanWebDesign okay will do, thanks!
thanks a lot you are genious !!
Thanks for watching!
Thank you very much 🙏💓💓💓
Thanks for watching!
damn man ngl i didn't expect the video to be here when i checked. tysm :)
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
Thank you for this!
Thanks for watching! Checkout the newest: ruclips.net/video/BufwtLMDQiE/видео.html
cant you also just place the script tag at the bottom of the body? or use DOMContentLoaded as an event listener
on which software are you using ???
Visual Studio Code
@@KalmanWebDesign ok
smart.
Thanks for watching!
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
Always unpredictable. Thanks for watching!
A fellow web developer newbie here 👋🏼 I genuinely bless you to make it far. Cant wait for the back end video!🔥
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!
That theme is criminal
Thanks for watching!
The theme 💀
Thanks for watching!
@@KalmanWebDesign i would have if it wasn’t for the eye sore of a theme…
@@Tavahandle What's wrong with the theme?
@@KalmanWebDesign if you use your eyes to see things no one should have to explain
@@ZakkJohnstone Thanks for watching!
Super helpful
Thanks for watching!
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.
You would have to send me a picture and/ or video of what is happening.
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.
It seems that you're right, but it makes sense because Adobe spent so much to acquire Figma. Thanks for watching!
@@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.
@@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
I love your teaching, I'm still a starter please how can I get more knowledge please
What do you need help with?
This helped. Thank you
Thanks for watching! Let me know if you have any questions.
It seems you're using v3.5 which is not as great as 4o and Claude sonnet
Yes, but I want to use the free version as many won't have the paid version. Thanks for watching!
@KalmanWebDesign I use the free version, and it lets me use it a lot without paying.
I use toggle between this and 4o you can generate stuff constantly with just free versions
@@DsiUser Only for a limited amount of prompts
@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
Probably won't work for WordPress right??
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.
Saved my life!!!! Thank You SOOOOOO MUCHHHHH
glad to help!
Nice work man, thanks for the well done tut!
Thanks for watching!
It works. Wow thanks for the help!
Thanks for watching!
@@KalmanWebDesign Now Iam getting localhost refused to connect : (
@@pucci_seq636 Send me any error codes you have and try to clear your browser history and restart.
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 :/
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.
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
Do u use any JS frameworks or just pure html/css/js?
Yes, I use React, and I have a tutorial video scheduled within the next few weeks. Thanks for watching!
Why though?
Its working thank you so much.
thanks for watching!
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
Thanks for watching!
i don't even code, but its fun to watch
It can be one of the most frustrating yet enjoyable things at the same time. Thanks for watching!
acc rly helpful
Thanks for watching!
Just found this video. Cant wait to watch it and actually learn ho to program my website from scratch!
Thanks for watching, and let me know if you have any questions.
Thats the first time I've heard about a function constructor lol
Thanks for watching!
Nice XSS you got there
thanks for watching
thanks for this!!!
Thanks for watching!
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?
Thanks for watching! What devices and where are you hosting it?
@@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.
@@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.
@@KalmanWebDesign hi, thanks for letting me know. You are amazing! Do you know how I should make it to be viewable on all devices?
@@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.
buddy thank you it really helped me out
Thanks for watching!
Thank you...
Thanks for watching!