- Видео 9
- Просмотров 20 444
Hemant Dutta
Добавлен 4 мар 2022
Coding & Stuff...
For Business Queries
Contact: hemanthddutta@gmail.com
For Business Queries
Contact: hemanthddutta@gmail.com
Build an Analog Clock in Pure CSS & JS [Web Dev Interview Question]
In their technical interviews, Many people are asked to make an Analog Clock using Pure CSS and JavaScript. So, here's my implementation, stick around till the end for a bonus tip.
Leave a ⭐ on my repo! It makes me happy 😊
Complete Code: github.com/HemantDutta/Components/tree/main/Vanilla%20JS/Sexy%20Analog%20Clock
Hi, I like to code and talk about the tech world! Subscribe, or not, your choice!
Social Links 📱
LinkedIn 🟦: www.linkedin.com/in/hemantduttahd/
Github 🐈⬛: github.com/HemantDutta
Twitter (I will never call it X): x.com/HemantDuttaHD
Stock Footage Links:
Music:
ruclips.net/video/mNLJMTRvyj8/видео.html
127
Leave a ⭐ on my repo! It makes me happy 😊
Complete Code: github.com/HemantDutta/Components/tree/main/Vanilla%20JS/Sexy%20Analog%20Clock
Hi, I like to code and talk about the tech world! Subscribe, or not, your choice!
Social Links 📱
LinkedIn 🟦: www.linkedin.com/in/hemantduttahd/
Github 🐈⬛: github.com/HemantDutta
Twitter (I will never call it X): x.com/HemantDuttaHD
Stock Footage Links:
Music:
ruclips.net/video/mNLJMTRvyj8/видео.html
127
Просмотров: 150
Видео
CREATE Stunning Animated Image Galleries with GSAP and Scroll Trigger!
Просмотров 9922 месяца назад
Insanely Easy Animated Image Gallery Built using CSS, GSAP, and Scroll Trigger. HTML CSS JAVASCRIPT image gallery. Complete Code: github.com/HemantDutta/Components/tree/main/Vanilla JS/Floating Glitch Image Gallery Hi, I like to code and talk about the tech world! Subscribe, or not, your choice! Social Links 📱 LinkedIn 🟦: www.linkedin.com/in/hemantduttahd/ Github 🐈⬛: github.com/HemantDutta Twi...
Animated Masonry Layout CSS and GSAP [Super Easy]
Просмотров 3 тыс.3 месяца назад
In this video, I will teach you how to make an animated masonry grid layout using CSS and GSAP. It works with any framework like Next JS, Angular, React, etc. Complete Code: github.com/HemantDutta/Components/tree/main/Vanilla JS/Animated Masonry Grid Hi, I like to code and talk about the tech world! Subscribe or not, your choice! Social Links 📱 LinkedIn 🟦: www.linkedin.com/in/hemantduttahd/ Git...
CSS-Only Page Transitions That Will BLOW Your Mind!
Просмотров 10 тыс.3 месяца назад
CSS Only Page Transitions that work in any framework, React, Next, Angular, Vue, and Vanilla HTML. Pure CSS Page Transitions, No JavaScript Required. Complete Code: github.com/HemantDutta/Components/tree/main/Vanilla JS/Easy Page Transitions Hi, I like to code and talk about the tech world! Subscribe, or not, your choice! Social Links 📱 LinkedIn 🟦: www.linkedin.com/in/hemantduttahd/ Github 🐈⬛:...
3D Flip Card Hover Effect Under 5 Minutes [HTML/CSS/JS]
Просмотров 1,3 тыс.4 месяца назад
Complete Code Link: github.com/HemantDutta/Components/tree/main/Vanilla JS/Smooth Flip Card How To Make A 3D Flip Card Hover Effect [HTML/CSS/JS] Learn how to create a stunning 3D flip card hover effect using HTML, CSS, and JavaScript in just a few minutes! This easy-to-follow tutorial will guide you through the entire process, from setting up the basic structure to adding the interactive eleme...
Will AI Finally Replace Programmers? [Open AI O1]
Просмотров 6184 месяца назад
In this video, we dive deep into the capabilities of OpenAI's groundbreaking new model, O1. Is AI finally ready to take over the coding world? We put O1 to the test and compared its performance to that of an average programmer. While O1's abilities are undeniably impressive, is it capable of fully replacing human programmers? Keywords: OpenAI O1, AI, artificial intelligence, programming, coder,...
Beautiful Accordion Using HTML, CSS, & JavaScript [EASY]
Просмотров 2224 месяца назад
In this video, I'll guide you through the process of creating a stunning, animated accordion using just HTML , CSS , and a little JavaScript . Whether you're a beginner or an experienced web developer, this tutorial will help you build a sleek, interactive accordion for your website. Accords are perfect for improving UX/UI, organizing content, and enhancing site navigation. 🔥 What You'll Learn:...
Animated Gradient Background with Pure CSS
Просмотров 3,2 тыс.6 месяцев назад
#animated #gradient #mesh #css #html #in5minutes In this quick and easy tutorial, I'll show you how to create an animated blob with a glowing gradient using only HTML and CSS. This project is perfect for beginners and can be completed in under 5 minutes, with no JavaScript required! Complete Code: github.com/HemantDutta/Components/tree/main/Vanilla JS/Glowing Rotating Blob 🔥 In this video, you'...
How To Make A Custom Cursor With CSS And JavaScript
Просмотров 1,2 тыс.7 месяцев назад
#cursor #css #javascript #html #reactjs #webanimation #webdevelopment Hey guys, today we will make a custom-animated cursor with hover animations. Source Code: github.com/HemantDutta/Components/tree/main/Vanilla JS/Dynamic Blended Cursor In this tutorial, you will learn: How to make a mouse-following cursor effect with CSS and JavaScript The secrets of creating a dynamic circular div that moves...
Great video! Really enjoyed the subtle humour and the way you explained/experimented with things. Definitely going to check out more of your stuff!
Glad you enjoyed. Thank you
ajajajajaj estuvo muy divertido el video, me gustó
Gracias por el video , espero mas contenido asid e Gsap , dejo like y me suscribo
Subbed!
Thank you 🙏
Bhai Bhai Bhai
Bhai bhai
1:03 - 1:15after hearing that, I subscribed this channel 😂😂😂
Honesty is the best policy 😁. Thank you for subscribing!
do you know if there is a way to do this in elementor? i like the way you explain everything.
Thanks a lot, but I'm not sure about elementor. But you can definitely find tutorials for it here on RUclips
Yes just use the html block and insert the 3 divs. Then you can use the custom css option for adding the styles.
Hey any place for high quality images?
Wallhaven, Pexels, Unsplash. These are some nice ones..
it could be done in pure css
Yes, it absolutely can be. I only used JS because I wanted a full 360 rotation
Finally, been waiting for this one
Hope you like it :)
It is not responsive, which is why applying it to any section is useless.
@@TanzeelUrRehman-f5o it takes one line of css to make this responsive, if you want I can make a short for you. I thought it would be obvious for most developers how to make this responsive, so I left out that part
Source Code pls
Hi, source code added in the description. Thank you for watching.
@hemantduttacodes Thanks , Appreciated man ❤✨
Please can you link to the code
I have added it to the description. Let me know if you find it.
Thanks a lot. Great video
@@harry2614 thank you, glad you liked it
Thank you, much love
@@belalelnady99 appreciated, thank you for watching
Yes ❤❤❤
Hello, Still Supporting you, just changed my Pfp
Thank you dude. Will try my best to not disappoint you 🙏
Sorry for my slow and Monotone voice, I was sick ;)
GSAP CDNs: gsap.com/docs/v3/Installation/?tab=cdn&module=esm&method=private+registry&tier=free&club=false&require=false&trial=true
Thnx soooo much
You're welcome, glad it helped
this is great.... How can I remove ignoring scrollbars?? (vertical)
@@FoxiAndMolly use this: ::-webkit-scrollbar { display: none; }
copied from lun Dev
Yup, and as you can see from my comment, this is a re-upload, because in the previous upload I gave him a shoutout for literally one line of css, that's all I took from his video, the gsap and js part is mine. But I still decided to give him credits for it, the guy found my video and decided to copyright strike it for praising him, crazy world we live in.
Complete Code Link broken
Thank you for pointing it out, the repo was private this whole time! You can check now :)
@@hemantduttacodes Oh cool, thanks!
thanks a lot for tutorial, really cool result
Glad to hear. Thank you for commenting, it means a lot.
W
This is a re-upload
I am in high school and in 2025 I am going to college for CS degree, now I don't feel safe it's always a fear that after 5 years when my studies will be finished majority of jobs will replaced by ai and robotics 🥲🥲🥲🥲
You'll be okay man, you're in high school, you have time. Learn in-depth, don't just stick to high level programming languages like python and JavaScript. Learn how computers work on a low level and then work your way up. If you're good at maths and statistics, you might as well go for AI jobs, that'll be more prevalent in the future. You got this 💪
@@hemantduttacodes I have worked on MERN and also did product design for some clients as a freelancer, but when I used o1 that was able to do junior level programming so what's gonna happen after 5 years, also robotics sector is advancing very fast like we have Figure 01, optimus, waymo, it's look very risky for every career
That's what I am saying, you might as well go for a career in AI and Robotics. Also, AI will definitely get regulated because if everyone loses their jobs to AI , the economy will crash. What's the point of AI producing products if no one has the capacity to buy them. Anyways, I'm just an average developer, do your own research and think about what's best for your future.
bro has a beef with next js 💀
🙃
The audio quality has improved a lot! Keep going!
Thank you! I got a new mic!
I like the content... however it would be best if you put half the screen as live view of the website to just let the viewer know what each line does to the final output. other wise great content
You're right, I'll take care of that in the next video. Thank you
Liked the content very much, if you'll improve the audio quality you will really blow up! keep up the good work!
Thanks a lot man. Yeah I'm really upset about the audio, will fix it in the next upload.
I never comment..... But you made me to! Absolutely beautiful 😍 keep it up
Thank you for going out of your way! Glad you liked it!
the best tutorial yet. love the storytelling
Thank you so much! Glad you liked it
Helped me a lot!
Glad to hear
Great , it was actually enjoyable you talking throughout the video. It breaks the stereotypical boredom of code videos. Keep making these
Thank you, that means a lot!
nice bro
Thank you so much