- Видео 66
- Просмотров 9 170
HH tech services
Пакистан
Добавлен 12 июл 2023
👨💻 Welcome to HH Tech Services - Your go-to channel for all things programming and tech! 📲
I’m Hasnain Mahmood from Pakistan, and here at HH Tech Services, I create easy-to-follow tutorials on various programming languages and web development technologies. Whether you're a beginner or looking to sharpen your coding skills, this channel has something for everyone!
What You’ll Find Here:
HTML, CSS, and JavaScript tutorials for web development 🖥️
C++ and Python programming guides 💻
In-depth coding challenges and projects
Tips, tricks, and best practices to level up your programming game
Join me on this journey to master coding and build cool projects! 🚀
🔔 Don’t forget to subscribe and hit the bell icon to stay updated with my latest tutorials and coding videos!
I’m Hasnain Mahmood from Pakistan, and here at HH Tech Services, I create easy-to-follow tutorials on various programming languages and web development technologies. Whether you're a beginner or looking to sharpen your coding skills, this channel has something for everyone!
What You’ll Find Here:
HTML, CSS, and JavaScript tutorials for web development 🖥️
C++ and Python programming guides 💻
In-depth coding challenges and projects
Tips, tricks, and best practices to level up your programming game
Join me on this journey to master coding and build cool projects! 🚀
🔔 Don’t forget to subscribe and hit the bell icon to stay updated with my latest tutorials and coding videos!
✨ Create a Stunning Glowing Button with Smooth Hover & Click Effects using HTML & CSS 💻
🌟 Create a Stunning Glowing Button with Hover and Click Effects Using HTML & CSS! 🎨
In this tutorial, I'll show you how to create a sleek and interactive glowing button with a mouse hover effect and click animation, all using just HTML and CSS! Whether you're a beginner or an experienced web developer, this video will guide you step-by-step through the process, helping you to add some cool style and functionality to your website.
What You'll Learn:
How to design a stylish button using HTML
Adding glowing effects with CSS
Implementing smooth hover and click animations for an interactive user experience
Tips for enhancing your website's user interface (UI)
No JavaScript needed! Just a simple, clea...
In this tutorial, I'll show you how to create a sleek and interactive glowing button with a mouse hover effect and click animation, all using just HTML and CSS! Whether you're a beginner or an experienced web developer, this video will guide you step-by-step through the process, helping you to add some cool style and functionality to your website.
What You'll Learn:
How to design a stylish button using HTML
Adding glowing effects with CSS
Implementing smooth hover and click animations for an interactive user experience
Tips for enhancing your website's user interface (UI)
No JavaScript needed! Just a simple, clea...
Просмотров: 15
Видео
Create a Loading Animation || CSS Text Effect in HTML & CSS || HH tech services
Просмотров 4821 день назад
In this tutorial, you'll learn how to create a sleek and modern loading animation text effect using only HTML and CSS. Perfect for adding a professional touch to your website or project, this step-by-step guide walks you through the entire process. Whether you're a beginner or an experienced developer, this video will help you enhance your CSS skills with practical tips and tricks. Watch now to...
Build a Digital Clock with HTML, CSS, and JavaScript || Step by Step Tutorial || HH tech services
Просмотров 54Месяц назад
In this tutorial, you'll learn how to create a sleek and functional digital clock using HTML, CSS, and JavaScript. Whether you're a beginner looking to enhance your web development skills or an experienced developer wanting to add a cool feature to your projects, this step-by-step guide has you covered. We'll walk you through the entire process, from setting up the HTML structure to styling the...
CSS Envelope & Letter: Click to Open/Close Animation (HTML, CSS, JS)
Просмотров 1,4 тыс.Месяц назад
In this tutorial, you'll learn how to create a sleek envelope and letter animation using HTML, CSS, and JavaScript. Watch as we build an interactive design where clicking the envelope opens it to reveal a letter inside. Perfect for enhancing your web projects with engaging animations! Whether you're a beginner or looking to polish your skills, this step-by-step guide will walk you through every...
"How to Create a Pizza Shop Website Using HTML and CSS | Step-by-Step Tutorial"
Просмотров 1342 месяца назад
Welcome to our tutorial on how to create a pizza shop website using HTML and CSS! In this video, we'll guide you step-by-step through the process of designing a stylish and functional pizza shop website. Whether you're a beginner or looking to brush up on your web development skills, this tutorial has something for you. We'll cover: - Setting up your HTML structure - Styling with CSS to make yo...
Create a Scroll Animation Using HTML, CSS, and JavaScript || HH tech services
Просмотров 3572 месяца назад
Welcome to our tutorial on creating captivating scroll animations with HTML, CSS, and JavaScript! In this video, we'll walk you through the step-by-step process of adding smooth and engaging scroll animations to your web projects. What you'll learn: - Setting up the basic HTML structure - Styling with CSS to prepare for animations - Writing JavaScript to trigger animations on scroll - Tips and ...
Create a cube animation using HTML CSS || Pure css || HH tech services
Просмотров 4632 месяца назад
In this tutorial, you will learn how to create a stunning 3D cube animation using only HTML and CSS! Whether you're a beginner or an experienced developer, this step-by-step guide will help you enhance your web design skills and add dynamic visuals to your projects. We'll cover everything from setting up the HTML structure to styling with CSS to bring the cube to life. By the end of this video,...
Create a Dynamic Scroll Progress Indicator with HTML, CSS, and JavaScript || HH tech services
Просмотров 1283 месяца назад
Welcome to our tutorial on creating a scroll progress indicator! In this video, we'll guide you through the steps to add a sleek and functional progress bar that tracks how far users have scrolled down your webpage. This feature enhances user experience by providing visual feedback and encouraging them to engage with your content. What You'll Learn: - Basics of HTML and CSS for setting up the s...
Create a Glassmorphism login form using HTML CSS || Pure css || HH tech services
Просмотров 2463 месяца назад
Welcome to this tutorial where you'll learn how to create a stunning glassmorphism login form using HTML and CSS! In this video, we'll guide you step-by-step through the process of building a modern, sleek login form with a glass-like effect that adds a touch of elegance to your web design projects. Source code link = [github.com/Hasnain-Mahmood009/Login_Form-HTML-CSS-] GitHub link = [github.co...
Creatae a "Text Animation" using HTML CSS || Pure CSS || HH tech services
Просмотров 344 месяца назад
Welcome to my channel! In this tutorial, you'll learn how to create stunning text animations using just HTML and CSS. Whether you're a beginner or looking to enhance your web development skills, this step-by-step guide will help you design eye-catching animations for your website or project. In this video, we'll cover: - Setting up the basic HTML structure - Styling the text with CSS - Adding k...
Create a typing text animation using HTML CSS || Pure css || HH tech services
Просмотров 1454 месяца назад
Welcome to our tutorial on creating a typing text animation using HTML and CSS! In this video, we'll guide you step by step through the process of adding a dynamic and engaging typing effect to your web pages. We'll start by explaining the basic HTML structure needed for our animation and then dive into the CSS styling to bring the text to life. You'll learn how to control the speed of the typi...
Create a input text animation using HTML CSS || Pure CSS || HH tech services
Просмотров 445 месяцев назад
In this tutorial, dive into the world of web design as we guide you through creating a captivating input text animation using HTML and CSS. Discover how to breathe life into your forms and engage users with a visually appealing text input effect. Follow along step by step to learn valuable coding techniques and enhance your UI design skills. Elevate your web projects with this easy-to-follow gu...
Craft the Perfect Eid Mubarak Greeting: HTML, CSS, and JavaScript Edition! 🎉
Просмотров 635 месяцев назад
Celebrate Eid in style by learning how to create a stunning Eid Mubarak webpage from scratch! In this step-by-step tutorial, we'll dive into the fundamentals of HTML, CSS, and JavaScript to craft a visually appealing and interactive page. Whether you're a beginner or an experienced developer, follow along as we design festive elements, add animations, and incorporate dynamic features to make yo...
Creating a Custom Google Loader with HTML and CSS || Step-by-Step Tutorial || HH tech services
Просмотров 235 месяцев назад
In this tutorial, you'll learn how to design and implement your very own Google loader animation using HTML and CSS. Follow along as we break down each step, from setting up the HTML structure to styling it with CSS animations. Whether you're a beginner or an experienced developer looking to add a sleek loading animation to your website, this video has got you covered. By the end, you'll have a...
Create a Holi page design using HTML CSS || Happy Holi || HH tech services
Просмотров 255 месяцев назад
Learn How to Create a Colorful Holi Page Using HTML and CSS! In this tutorial, we'll guide you step-by-step through the process of building a vibrant webpage inspired by the festive spirit of Holi. From colorful backgrounds to dynamic animations, dive into the world of web development and celebrate Holi in style with your very own creation. No prior coding experience required - let's unleash th...
HTML CSS Love border Animation || Hover effect || pure css || HH tech services
Просмотров 2526 месяцев назад
HTML CSS Love border Animation || Hover effect || pure css || HH tech services
Modern Login Form Tutorial: HTML, CSS, JavaScript with Flashlight Effect || HH tech services
Просмотров 376 месяцев назад
Modern Login Form Tutorial: HTML, CSS, JavaScript with Flashlight Effect || HH tech services
Creating a **Mousemove Effect** with HTML, CSS, and JavaScript || HH tech services
Просмотров 796 месяцев назад
Creating a Mousemove Effect with HTML, CSS, and JavaScript || HH tech services
CSS Animation Effect: Transform Your Website with Stunning Visuals || Loaing animation
Просмотров 2557 месяцев назад
CSS Animation Effect: Transform Your Website with Stunning Visuals || Loaing animation
Creating a "Glowing Card Hover Effect" with HTML, CSS, and JavaScript || HH tech services
Просмотров 757 месяцев назад
Creating a "Glowing Card Hover Effect" with HTML, CSS, and JavaScript || HH tech services
Create a stylish "Toggle Button" using HTML & CSS || pure css || HH tech service
Просмотров 347 месяцев назад
Create a stylish "Toggle Button" using HTML & CSS || pure css || HH tech service
Programming Evolution || History of programming languages || hindi/urdu
Просмотров 1047 месяцев назад
Programming Evolution || History of programming languages || hindi/urdu
How to make "Calculator" using HTML,CSS & javascript || HH tech services
Просмотров 1308 месяцев назад
How to make "Calculator" using HTML,CSS & javascript || HH tech services
Creating a "Glowy text button" using HTML CSS and javascript || js project || HH tech services
Просмотров 8318 месяцев назад
Creating a "Glowy text button" using HTML CSS and javascript || js project || HH tech services
"Charging Animation" using HTML,CSS || HH tech services
Просмотров 448 месяцев назад
"Charging Animation" using HTML,CSS || HH tech services
How to make "text to voice converter" using HTML CSS and JAVASCRIPT || HH tech services
Просмотров 678 месяцев назад
How to make "text to voice converter" using HTML CSS and JAVASCRIPT || HH tech services
New year text effect on "Mousemove" using HTML CSS and javascript || HH tech services
Просмотров 1048 месяцев назад
New year text effect on "Mousemove" using HTML CSS and javascript || HH tech services
How to make "Stop watch" using HTML CSS and JS || HH tech services
Просмотров 578 месяцев назад
How to make "Stop watch" using HTML CSS and JS || HH tech services
How to make Digital clock using c++ || c++ project || HH tech services
Просмотров 289 месяцев назад
How to make Digital clock using c || c project || HH tech services
Animated number spinner using HTMl,CSS and javascript || HH tech services
Просмотров 479 месяцев назад
Animated number spinner using HTMl,CSS and javascript || HH tech services
So amazing bro😊
Thanks
hahhaha such a cute video I really enjoy it.
Thank you 🤗
I think it’s possible to do it just with css About the heart button : we use Heart::active { Animation … } In the animation we use some properties like scale / z index / top / …
Yes, it can be done if you want to write it in CSS, you can and I apologize for the late reply.🤗
Good. But it would be good if it had audio with explanation.
Yes brother inshallah soon ill start the new serise of videos where ill explain with my own voice. Thanks for your precious advice.
Nice
So cool! I did it as a guided project. Thank you!
Thinks❤❤❤
Da sa sha da
Discraption waqsa a aghe na bo pata ta wala gi
P r o m o S M
Thinks❤❤❤
😊👍👍👍👍👍👍👍
Think you so much
Nice very nice ❤
Thinks
Da Sa nazam da 🤔
Bas dagha nezam da chy sa ta wene
Kha
Great work... Can i get the source link please?
Sir contect me in Wtsap 03425042388
👍
Thinks❤❤❤
"Promo SM" 🔥
Thinks
luck
Thinks
Write your question in discraption box 👇🏻👇🏻👇🏻
Great job! The car in the video reminded me of good old times 😊
Thanks
wtf is that intro and music?? 🤣🤣
It is not correct codes you had some mistakes but you showed another cursor
Dont worry bro
<!DOCTYPE html> <html> <head> <title>CALCULATOR </title> <style> input[type="button"] { border:2px solid black; background:yellow; color : black; width:100%; height:100%; } fieldset { color:red; width:30%; height:50%; </style> </head> <body> <script> function CALCULATOR(val) { document.getElementById("a").value +=val; } function slove() { var x= document.getElementById("a").value; var y =eval(x); document.getElementById("a").value=y; } function clr() { document.getElementById("a").value = " " ; } </script> <fieldset> <legend> CALCULATOR </legend> <table> <tr> <th colspan="3"><input type="text" id="a" > <th><input type="button" onclick="clr()" value="AC" > </tr> <tr> <th><input type="button" value="1" onclick = "CALCULATOR(1)"> <th><input type="button" value="2" onclick = "CALCULATOR(2)" > <th><input type="button" value="3" onclick = "CALCULATOR(3)" > <th><input type="button" value="/" onclick = "CALCULATOR('/')" > </tr> <tr> <th><input type="button" value="4" onclick = "CALCULATOR(4)" > <th><input type="button" value="5" onclick = "CALCULATOR(5)" > <th><input type="button" value="6" onclick = "CALCULATOR(6)" > <th><input type="button" value="*" onclick = "CALCULATOR('*')" > </tr> <tr> <th><input type="button" value="7" onclick = "CALCULATOR(7)" > <th><input type="button" value="8" onclick = "CALCULATOR(8)"> <th><input type="button" value="9" onclick = "CALCULATOR(9)"> <th><input type="button" value="-" onclick = "CALCULATOR('-')"> </tr> <tr> <th><input type="button" value="." onclick = "CALCULATOR(.)" > <th><input type="button" value="0" onclick = "CALCULATOR(0)"> <th><input type="button" value="=" onclick = "slove()"> <th><input type="button" value="+" onclick = "CALCULATOR('+')"> </tr> </table> </fieldset> </body> </html>
Thinks
Good
Thinkyou so much❤❤❤
Good
Thinkyou so much👈🏻👈🏻👈🏻
Mash Allah keep it up
Think you so much