- Видео 125
- Просмотров 139 595
MakeTechStuff
Добавлен 19 ноя 2022
Welcome to MakeTechStuff, a RUclips 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.
Text Typing Animation Using HTML, CSS & JavaScript.
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.
For source code visit 👇:
www.maketechstuff.com/
You may have to search keywords ("typing animation") in website.
Просмотров: 182
Видео
Text Changing Animation Using JavaScript.
Просмотров 132Месяц назад
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
Просмотров 312 месяца назад
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.
Просмотров 272 месяца назад
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.
Просмотров 2243 месяца назад
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.
Просмотров 1363 месяца назад
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.
Просмотров 1424 месяца назад
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.
Просмотров 4514 месяца назад
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.
Просмотров 1135 месяцев назад
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.
Просмотров 955 месяцев назад
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.
Просмотров 1375 месяцев назад
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.
Просмотров 7665 месяцев назад
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.
Просмотров 1535 месяцев назад
In this video you'll learn how to change or slide button text on hover using HTML CSS & JavaScript. For Source Code Visit 👇: www.maketechstuff.com/ You may have to search ('change text') on website. Hash Tags: #html #css #javascript #javascriptanimation #cssanimation #button #cssbutton #maketechstuff #animation #slidingtext #csshover #csshovereffects
Share Input Values with a Click Using JavaScript.
Просмотров 1675 месяцев назад
Share Input Values with a Click Using JavaScript.
Change Background Color on Click Using JavaScript | Dynamic Background Color Change on Click.
Просмотров 1116 месяцев назад
Change Background Color on Click Using JavaScript | Dynamic Background Color Change on Click.
Automatic Pop Up Model With Count Down Timer Using JavaScript.
Просмотров 1506 месяцев назад
Automatic Pop Up Model With Count Down Timer Using JavaScript.
OTP Form Input Fields in JavaScript.
Просмотров 1496 месяцев назад
OTP Form Input Fields in JavaScript.
Color Matching Game Using JavaScript. | JavaScript Game.
Просмотров 716 месяцев назад
Color Matching Game Using JavaScript. | JavaScript Game.
Create Animation on Mouse Click and Mouse Move Using JavaScript | Cursor pointer Animation
Просмотров 3217 месяцев назад
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.
Просмотров 1997 месяцев назад
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
Просмотров 3847 месяцев назад
How to Make a Dynamic Color Cursor Tail with HTML, CSS, and JavaScript
Mouse Click Effect Using HTML, CSS & JavaScript.
Просмотров 8867 месяцев назад
Mouse Click Effect Using HTML, CSS & JavaScript.
Create Dynamic Animated Placeholder Using HTML CSS and JavaScript
Просмотров 1,1 тыс.7 месяцев назад
Create Dynamic Animated Placeholder Using HTML CSS and JavaScript
How to create a Read More and Read Less button using HTML, CSS, and JavaScript.
Просмотров 1,9 тыс.8 месяцев назад
How to create a Read More and Read Less button using HTML, CSS, and JavaScript.
Custom Animated Select Menu Using HTML CSS & JavaScript.
Просмотров 1428 месяцев назад
Custom Animated Select Menu Using HTML CSS & JavaScript.
Custom Animated Checkbox Using HTML CSS & JavaScript. | Select all checkboxes.
Просмотров 2878 месяцев назад
Custom Animated Checkbox Using HTML CSS & JavaScript. | Select all checkboxes.
Animated Active Menu slider or Tab Indicator with HTML CSS & JavaScript. | Animated navigation
Просмотров 1,9 тыс.8 месяцев назад
Animated Active Menu slider or Tab Indicator with HTML CSS & JavaScript. | Animated navigation
Awesome CSS Button Animation Hover Effects. | CSS Hover Effects
Просмотров 1008 месяцев назад
Awesome CSS Button Animation Hover Effects. | CSS Hover Effects
Create Login Page Design In HTML & CSS.
Просмотров 4629 месяцев назад
Create Login Page Design In HTML & CSS.
How to Create Animated Countdown in JavaScript | Fade Out Animation.
Просмотров 1939 месяцев назад
How to Create Animated Countdown in JavaScript | Fade Out Animation.
thank you so much
Your welcome
Toggle Button In HTML CSS JavaScript |Animated Toggle Button using HTML CSS, JS|Dark and Light Mode : ruclips.net/video/VzjaQM8_nyE/видео.html
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
Keyboard support?
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😊😊😊
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
Your content are awesome bro you have a rare RUclipsr who post this type of videos love you bro. can i contact with you some time i need help in coding because i am live in village where no resources available without RUclips you never help in everything
Thank you. Of course you can contact me.
this video helped me a lot, thank you ❤👏
Your welcome !😊
Thank you for sharing ❤️💕💕💕💕💕💕
You are so welcome
Thank you for sharing your thoughts on RUclips ❤️😊😘😊😊😊😊❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️💋💋❤️❤️💋💋❤️❤️💋💋❤️❤️💋💋❤️❤️💋💋
You are so welcome!
Wow! this is very nice.
Glad you like it!
💓💓💓💕💕💕💕💕💕💕🥰🥰🥰🥰🥰💓💓💕💕💕💕💕💕💕💕💕💕💕
Please provide source code
Check the description.
well done 🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰
🥰🥰🥰🥰🤩😍😍😍🤩🤩
🤣🤣🤪🥰🥰😍😍😍🤩🤩😍😍😍😍😍😍😍
😍😍😍😍🤩🤩🤩🤩🤩🤩🤩🤩🤩
🥰🥰🤩🤩🤩🤩😍😍😍😍😍😍😍😍😍🤩
🥰🥰🥰🥰🤩🤩🤩😍😍😍😍😍😍😍😍😍😍😍
🤩🤩😍😍😍😍😍🥰🥰🥰🥰🥰🥰😍😍🤩🤩🤩😍😍😍😍
😍😍🥰🥰🥰🥰🥰🥰🤩🤩🤩🤩🤩🤩😍🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰
well done 🥰🥰🥰🥰🥰🥰🥰🥰🥰