- 126
- 194 399
MakeTechStuff
เข้าร่วมเมื่อ 19 พ.ย. 2022
Welcome to MakeTechStuff, a TH-cam channel run by a self-taught developer (so refer accordingly). Here you'll find video tutorials related to HTML, CSS, JavaScript, and PHP as well as a variety of other topics related to web development.
In addition to the video tutorials, We also have a website, maketechstuff.com, where you can find free resources like code snippets, tutorial blog posts, source code and more.
If you have any questions, feel free to contact maketechstuff.com. We are always happy to help.
In addition to the video tutorials, We also have a website, maketechstuff.com, where you can find free resources like code snippets, tutorial blog posts, source code and more.
If you have any questions, feel free to contact maketechstuff.com. We are always happy to help.
Create a Typing Placeholder Effect for Your Website (HTML, CSS & JavaScript).
Learn how to create a cool typing placeholder effect using just HTML, CSS, and JavaScript!. You can create a dynamic multiple placeholder at single input field that appear one by one with typing effect.
มุมมอง: 234
วีดีโอ
Text Typing Animation Using HTML, CSS & JavaScript.
มุมมอง 2208 หลายเดือนก่อน
Create cool animated text effect on your website. This video will teach you how to display multiple texts with a typing animation using HTML, CSS, and JavaScript. Learn how to make your text appear as if it's being typed on screen when the page loads. For source code visit 👇: www.maketechstuff.com/ You may have to search keywords ("typing animation") in website.
Text Changing Animation Using JavaScript.
มุมมอง 2228 หลายเดือนก่อน
Bring your text to life with smooth animations! In this video, you'll learn how to create stunning text animations using JavaScript. We'll walk you through the code to achieve automatic text changes with little sliding effects, along with fading in and fading out for a polished look. For source code visit 👇: www.maketechstuff.com/ You may have to search keywords ("text animation") in website.
Reveal The Text By Displaying its Characters One by One
มุมมอง 408 หลายเดือนก่อน
In this video you'll learn how to make text appears with animation. The characters of text appears one by one from bottom to top with animation (looks like a wave) and form the whole text or string. Hash Tag: #html #css #javascript #javascriptprojects #textanimation #maketechstuff
Text Reveal Animation Using JavaScript. | Text Appears With Wave Effect.
มุมมอง 449 หลายเดือนก่อน
In this video you'll learn how to make text appears with animation. The words of text appears one by one from bottom to top with animation (looks like a wave) and form the whole text. Hash Tag: #html #css #javascript #javascriptprojects #textanimation #maketechstuff
Day/Night Toggle Button Using HTML & CSS.
มุมมอง 37310 หลายเดือนก่อน
In this video, we'll use HTML and CSS to create an animated toggle button that transforms, showing a sun and clouds for light mode and a moon and stars for dark mode. For source code visit 👇: www.maketechstuff.com/ You may have to search ("toggle button") on website.
Live Word Counter Using JavaScript.
มุมมอง 15110 หลายเดือนก่อน
In this video you’ll learn how to create a live word counter using HTML, CSS and JavaScript. Create a word counter that dynamically tracks the number of words. We'll explore how it works on both keypress (on input) and button clicks, providing a live update. For Source code Visit 👇: www.maketechstuff.com/ You may have to search ('word counter') on website. Hash Tags: #html #css #javascript #wor...
Simple Increment And Decrement Counter Using JavaScript.
มุมมอง 17811 หลายเดือนก่อน
In this video, you'll learn how to create an increment and decrement counter using HTML, CSS, and JavaScript. The counter features two buttons: one for incrementing and one for decrementing. When a user clicks either button, the counter will adjust accordingly, either increasing or decreasing the value by 1 from its current value. If a user presses and holds a button for one second, the counter...
Input Field Border Animation Using HTML & CSS. | CSS Border Animation.
มุมมอง 59011 หลายเดือนก่อน
In this video you'll learn how to create animated input field. We'll animate the input field border. Actually we'll not animate the input field borders, Its just looks like the border is animated. We just design the input field in such a way that its look like its border is animated. See the video tutorial for more detail and demo.
Custom Animated Radio Buttons Using Only HTML & CSS. | Make Radio Buttons Looks Like Checkbox.
มุมมอง 170ปีที่แล้ว
In this video you'll learn how to create custom animated radio button using only HTML & CSS that looks like checkbox. For source code visit 👇: www.maketechstuff.com/ You may have to search ("radio") on website.
Random Password Generator Using HTML, CSS & JavaScript.
มุมมอง 150ปีที่แล้ว
In this video you'll learn how to create random password generator using HTML, CSS & JavaScript. The password generator generate random values with numbers, characters, special characters on click of button. The password generator also have functionality to copy the generated password on click of button. For source code visit 👇: www.maketechstuff.com/ You may have to search ("password") on webs...
Create Captcha Generator Using HTML CSS & JavaScript.
มุมมอง 249ปีที่แล้ว
In this video will take you on a step-by-step journey to create your very own CAPTCHA generator using JavaScript. We'll start by building a function that generates random strings of characters and numbers, giving you complete control over the length and complexity of your CAPTCHAs. Then, we'll explore different alignment options to make sure your CAPTCHAs looks untidy or not align in a proper l...
Create Toggle Button Using JavaScript. | JavaScript Toggle Switch.
มุมมอง 1.8Kปีที่แล้ว
In this video you'll learn how to build toggle button using JavaScript. In this video we going to change background color of background and toggle button according to status of toggle switch or checkbox. For Source Code Visit 👇: www.maketechstuff.com/ You may have to search ('toggle') on website. Hash Tag: #html #css #javascript #toggleswitch #togglebutton #maketechstuff #javascriptanimation #j...
Change Button Text on Hover Using HTML CSS & JavaScript.
มุมมอง 396ปีที่แล้ว
Change Button Text on Hover Using HTML CSS & JavaScript.
Share Input Values with a Click Using JavaScript.
มุมมอง 173ปีที่แล้ว
Share Input Values with a Click Using JavaScript.
Change Background Color on Click Using JavaScript | Dynamic Background Color Change on Click.
มุมมอง 131ปีที่แล้ว
Change Background Color on Click Using JavaScript | Dynamic Background Color Change on Click.
Automatic Pop Up Model With Count Down Timer Using JavaScript.
มุมมอง 197ปีที่แล้ว
Automatic Pop Up Model With Count Down Timer Using JavaScript.
Color Matching Game Using JavaScript. | JavaScript Game.
มุมมอง 108ปีที่แล้ว
Color Matching Game Using JavaScript. | JavaScript Game.
Create Animation on Mouse Click and Mouse Move Using JavaScript | Cursor pointer Animation
มุมมอง 366ปีที่แล้ว
Create Animation on Mouse Click and Mouse Move Using JavaScript | Cursor pointer Animation
How to Make an Animated Navigation Bar using HTML, CSS and JavaScript.
มุมมอง 240ปีที่แล้ว
How to Make an Animated Navigation Bar using HTML, CSS and JavaScript.
How to Make a Dynamic Color Cursor Tail with HTML, CSS, and JavaScript
มุมมอง 673ปีที่แล้ว
How to Make a Dynamic Color Cursor Tail with HTML, CSS, and JavaScript
Mouse Click Effect Using HTML, CSS & JavaScript.
มุมมอง 2.1Kปีที่แล้ว
Mouse Click Effect Using HTML, CSS & JavaScript.
Create Dynamic Animated Placeholder Using HTML CSS and JavaScript
มุมมอง 2.6Kปีที่แล้ว
Create Dynamic Animated Placeholder Using HTML CSS and JavaScript
How to create a Read More and Read Less button using HTML, CSS, and JavaScript.
มุมมอง 3.9Kปีที่แล้ว
How to create a Read More and Read Less button using HTML, CSS, and JavaScript.
Custom Animated Select Menu Using HTML CSS & JavaScript.
มุมมอง 243ปีที่แล้ว
Custom Animated Select Menu Using HTML CSS & JavaScript.
Custom Animated Checkbox Using HTML CSS & JavaScript. | Select all checkboxes.
มุมมอง 386ปีที่แล้ว
Custom Animated Checkbox Using HTML CSS & JavaScript. | Select all checkboxes.
Animated Active Menu slider or Tab Indicator with HTML CSS & JavaScript. | Animated navigation
มุมมอง 3.3Kปีที่แล้ว
Animated Active Menu slider or Tab Indicator with HTML CSS & JavaScript. | Animated navigation
Awesome CSS Button Animation Hover Effects. | CSS Hover Effects
มุมมอง 109ปีที่แล้ว
Awesome CSS Button Animation Hover Effects. | CSS Hover Effects
omg thank you sm
💥💥
💯💯
👍
How
crazy
This is helpful but how some bounce can be added to highlighted menu
@@priyaahirrao7095 please elaborate
how do you do it?
You'll find full video tutorial on Channel
wow, simple but I would never figure out how to make this by myself hahaha Thank you!
nice but i dont know how to do
do u have github?
No
❤
Great Thing To Show Us!
such a great video, thank's a lot !
Very nice
It looks cool, but a Codepen or GitHub repo would make it easier to read the code properly
Super bhai aapki help se mera kam ho gaya think you so much bhai 😊👍👍💜
Sir,I am newly learning html and css may I please know a proper road map(if you could provide) on how to master html and css or where to start and to end..
You can learn from many websites. (One name is w3schools.com). Important thing is you have to practise. By creating different forms, web page, websites, etc. Then you'll get the idea of designing. Means how i can make this element this side or that side. How i can make this element below another element. How can i make this element appear in the centre. How can i add border on the top and bottom of this element. How can i show this elements side by side or in a line, or in a row. How can i add bullet points in the list items. How can i make the extra elements to appear from second line if first line is full. , Etc.
thank you so much
Your welcome
What VsCode extension are you using that reflects the changes you're making to the code directly on the webpage?
Live server
this doesn’t work if there’s multiple though
It works.
Bien explicado... genial el vídeo!! Saluditos desde Mty
Simple and clear. I have seen multiple tutorials for this functionality, but this is very simple and easy-to-understand logic without any extra steps. Thanks.👍
Your welcome
@@Maketechstuffs particularly you keep the checkbox till the last minute. finally, you hide it (display: none). I like that approach. without any explanation, I could understand what you were doing.
Perfect <3
Not working 😢
You can get the source code to try on website maketechstuff.com
You are supposed to write out the codes what the need in watching your video without it helping
Check the description
Thanks mate I understand it now
Your welcome
Sir, we are with you . keep doing what are you doing.......
wholl
You know you could have just cut out the first part 😏
Please provide the code files and the links in the description as soon as possible for free 🙏 thank you so much ❤️
Sympa 👍
simple but effective --- simple mais efficace
Please what's the purpose of that .active class you add to it?
I've explained in blog post. www.maketechstuff.com/2022/11/close-sidebar-menu-when-click-outside-of-it.html
Amazing
Nice😊😊😊
Thanks 😊
Thanks 😊
Nice. You made it so easy. No more blah blah and straight forward. Thanks
Your welcome
@@Maketechstuffs L easy bruuuh no explation just copy paste
NADEEMJOHN
NADEEMJOHN
You are such a great teacher ❤ I really can relate when i pratice with you 🎉
Thank you.
How know the background music 😂😂😂😂😂😂😂😂😂😂😂
source code plsss
Maketechstuff.com
I subscribed your channel and saved ....im learning JavaScript now ...after that i will learn these all things ❤🎉
Great 👍
How we can make it any tutorial
full support man. 🖤
It works, thanks
You're welcome!
Good❤
It's very bed ❤😢
Not better ❤😂
How come you don't use a links to create the nav bar