- 279
- 44 515
Customized Dev
India
เข้าร่วมเมื่อ 4 ก.ย. 2020
Namaste!
Your presence is truly valued here. We're committed to igniting your imagination through code driven by creativity and knowledge.
Join us on an exciting coding journey where immersive tutorials empower your creativity. Get ready for weekly coding inspiration, with surprise drops to keep you engaged.
Let's unlock coding's potential together. Email questions or suggestions via DMs on Instagram, our website's contact page, or email at customizeddev@proton.me.
Ready to elevate your coding journey? Hit subscribe, and let's embark on this thrilling adventure. Cheers to endless possibilities! 😊
If you want to appreciate/support my work: buymeacoffee.com/customizeddev
Your presence is truly valued here. We're committed to igniting your imagination through code driven by creativity and knowledge.
Join us on an exciting coding journey where immersive tutorials empower your creativity. Get ready for weekly coding inspiration, with surprise drops to keep you engaged.
Let's unlock coding's potential together. Email questions or suggestions via DMs on Instagram, our website's contact page, or email at customizeddev@proton.me.
Ready to elevate your coding journey? Hit subscribe, and let's embark on this thrilling adventure. Cheers to endless possibilities! 😊
If you want to appreciate/support my work: buymeacoffee.com/customizeddev
Happy New Year | Customized Dev | Create 3D Cubes Spin into New Year using HTML, CSS & JavaScript
Welcome to Customized Dev! In this tutorial, we're diving into the world of web development by crafting 3d cubes spin into the new year from scratch. Learn how to create 3d cubes spin into the new year using HTML, CSS, and JavaScript.
In this video, we cover the step-by-step process of creating 3d cubes spin into the new year, including designing the layout, styling with CSS, and adding interactive functionality with JavaScript. Whether you're a beginner or an experienced developer, this tutorial is perfect for anyone looking to add a practical tool to their web development repertoire.
Visit our website customizeddev.pythonanywhere.com/ for more tutorials and resources.
Follow us on Instagram at customizeddev for more content.
Subscribe to our channel and hit the bell icon to stay updated with our latest uploads. If you found this video helpful, give it a thumbs up and share it with your friends and family.
Take care, stay safe, and happy coding!
Playlists:
* 404 Pages - th-cam.com/play/PLG5XrpibptZjenExfX5f3NvRIJwE75DEg.html
* Button Animations - th-cam.com/play/PLG5XrpibptZhi6Mx51a2mCDtp6MzWYFWW.html
* C Programming for Beginners - th-cam.com/play/PLG5XrpibptZhFvuiDVAtWxkoeGGsZ6N_V.html
* HTML & CSS - th-cam.com/play/PLG5XrpibptZjVn4ri4LwbkKeyVraRKWS_.html
* HTML, CSS & JS - th-cam.com/play/PLG5XrpibptZh25oPxPZJS_qvWe7wtEbOY.html
* Horizontal Image Carousel - th-cam.com/play/PLG5XrpibptZjp4LZwLLyr0mkQtA_jakNV.html
* Input Animations - th-cam.com/play/PLG5XrpibptZgr2J9xYKcUvlPa-Qqs6eTO.html
* Learn Clone Chronicles - th-cam.com/play/PLG5XrpibptZglcB1VvsnJartQkA3FgGKR.html
* Loading Pages - th-cam.com/play/PLG5XrpibptZhXeC0dnYe-djWlCEFhqQ-u.html
* Login/Signup Pages - th-cam.com/play/PLG5XrpibptZhrGzFJb7ZvpehyN6RyMkdN.html
* Mastering ReactJS - th-cam.com/play/PLG5XrpibptZhsA1g8LXo-L1lZl-z_uSFG.html
* Navbars - th-cam.com/play/PLG5XrpibptZhIRIqyJA5Xt-vlTZ6UjWOT.html
* Product Overview - th-cam.com/play/PLG5XrpibptZgimrPasZwswbGw05Iu0ThU.html
* Single Page Website - th-cam.com/play/PLG5XrpibptZgwjT-K4HAuqc1ehl6fMCrO.html
* Text Animations - th-cam.com/play/PLG5XrpibptZjXX8VRkE82OGiBrqUWe3be.html
* VS Code - th-cam.com/play/PLG5XrpibptZiSNTMuAKtEr4cBYXvao-mu.html
* Valentine's Coding Extravaganza - th-cam.com/play/PLG5XrpibptZiaTlHxAh8sak9FonkMheuA.html
* Vertical Image Carousel - th-cam.com/play/PLG5XrpibptZg3hDonwDaJ5_Cnjbrr9Rlm.html
* Wedding Invitation Templates - th-cam.com/play/PLG5XrpibptZiEP-D38gD_WBD0-h63S2rn.html
* Through My Lens - th-cam.com/play/PLG5XrpibptZh-RrNcWSq-LpSed-3sFG0W.html
Chapters:
00:00 - Title
00:07 - Glimpse of Final Output
00:38 - Intro
00:45 - Setting Up HTML Structure
02:03 - Styling with CSS
09:20 - Adding Interactive Functionality with JavaScript
10:05 - Complete Code
10:55 - Final Output
11:27 - Outro
#happynewyear #3dcubesspinintothenewyear #html #css #javascript #webdevelopment #tutorial #customizeddev
In this video, we cover the step-by-step process of creating 3d cubes spin into the new year, including designing the layout, styling with CSS, and adding interactive functionality with JavaScript. Whether you're a beginner or an experienced developer, this tutorial is perfect for anyone looking to add a practical tool to their web development repertoire.
Visit our website customizeddev.pythonanywhere.com/ for more tutorials and resources.
Follow us on Instagram at customizeddev for more content.
Subscribe to our channel and hit the bell icon to stay updated with our latest uploads. If you found this video helpful, give it a thumbs up and share it with your friends and family.
Take care, stay safe, and happy coding!
Playlists:
* 404 Pages - th-cam.com/play/PLG5XrpibptZjenExfX5f3NvRIJwE75DEg.html
* Button Animations - th-cam.com/play/PLG5XrpibptZhi6Mx51a2mCDtp6MzWYFWW.html
* C Programming for Beginners - th-cam.com/play/PLG5XrpibptZhFvuiDVAtWxkoeGGsZ6N_V.html
* HTML & CSS - th-cam.com/play/PLG5XrpibptZjVn4ri4LwbkKeyVraRKWS_.html
* HTML, CSS & JS - th-cam.com/play/PLG5XrpibptZh25oPxPZJS_qvWe7wtEbOY.html
* Horizontal Image Carousel - th-cam.com/play/PLG5XrpibptZjp4LZwLLyr0mkQtA_jakNV.html
* Input Animations - th-cam.com/play/PLG5XrpibptZgr2J9xYKcUvlPa-Qqs6eTO.html
* Learn Clone Chronicles - th-cam.com/play/PLG5XrpibptZglcB1VvsnJartQkA3FgGKR.html
* Loading Pages - th-cam.com/play/PLG5XrpibptZhXeC0dnYe-djWlCEFhqQ-u.html
* Login/Signup Pages - th-cam.com/play/PLG5XrpibptZhrGzFJb7ZvpehyN6RyMkdN.html
* Mastering ReactJS - th-cam.com/play/PLG5XrpibptZhsA1g8LXo-L1lZl-z_uSFG.html
* Navbars - th-cam.com/play/PLG5XrpibptZhIRIqyJA5Xt-vlTZ6UjWOT.html
* Product Overview - th-cam.com/play/PLG5XrpibptZgimrPasZwswbGw05Iu0ThU.html
* Single Page Website - th-cam.com/play/PLG5XrpibptZgwjT-K4HAuqc1ehl6fMCrO.html
* Text Animations - th-cam.com/play/PLG5XrpibptZjXX8VRkE82OGiBrqUWe3be.html
* VS Code - th-cam.com/play/PLG5XrpibptZiSNTMuAKtEr4cBYXvao-mu.html
* Valentine's Coding Extravaganza - th-cam.com/play/PLG5XrpibptZiaTlHxAh8sak9FonkMheuA.html
* Vertical Image Carousel - th-cam.com/play/PLG5XrpibptZg3hDonwDaJ5_Cnjbrr9Rlm.html
* Wedding Invitation Templates - th-cam.com/play/PLG5XrpibptZiEP-D38gD_WBD0-h63S2rn.html
* Through My Lens - th-cam.com/play/PLG5XrpibptZh-RrNcWSq-LpSed-3sFG0W.html
Chapters:
00:00 - Title
00:07 - Glimpse of Final Output
00:38 - Intro
00:45 - Setting Up HTML Structure
02:03 - Styling with CSS
09:20 - Adding Interactive Functionality with JavaScript
10:05 - Complete Code
10:55 - Final Output
11:27 - Outro
#happynewyear #3dcubesspinintothenewyear #html #css #javascript #webdevelopment #tutorial #customizeddev
มุมมอง: 47
วีดีโอ
Create a Mental Wellness Partner Website using HTML, CSS & JavaScript | Customized Dev
มุมมอง 1814 วันที่ผ่านมา
Welcome to Customized Dev! In this tutorial, we're diving into the world of web development by crafting a mental wellness partner website from scratch. Learn how to create a mental wellness partner website using HTML, CSS, and JavaScript. In this video, we cover the step-by-step process of creating a mental wellness partner website, including designing the layout, styling with CSS, and adding i...
Text Animation | Customized Dev | Create a Mesmerizing Marquee Text using HTML & CSS
มุมมอง 5421 วันที่ผ่านมา
Welcome to Customized Dev! In this tutorial, we're diving into the world of web development by crafting a mesmerizing marquee text from scratch. Learn how to create a mesmerizing marquee text using HTML and CSS. In this video, we cover the step-by-step process of creating a mesmerizing marquee text, including designing the layout and styling with CSS. Whether you're a beginner or an experienced...
LearnCloneChronicles | Customized Dev | Create a QR Code Login Template using HTML, CSS & JavaScript
มุมมอง 28หลายเดือนก่อน
Welcome to Customized Dev! In this tutorial, we're diving into the world of web development by crafting a QR code login template from scratch. Learn how to create a QR code login template using HTML, CSS, and JavaScript. In this video, we cover the step-by-step process of creating a QR code login template, including designing the layout, styling with CSS, and adding interactive functionality wi...
Create a Stunning Matrix Like Rain Effect using HTML, CSS & JavaScript | Customized Dev
มุมมอง 80หลายเดือนก่อน
Welcome to Customized Dev! In this tutorial, we're diving into the world of web development by crafting a stunning matrix-like rain effect from scratch. Learn how to create a stunning matrix-like rain effect using HTML, CSS, and JavaScript. In this video, we cover the step-by-step process of creating a stunning matrix-like rain effect, including designing the layout, styling with CSS, and addin...
Happy Diwali | Customized Dev | Create Spectacular Diwali Animation using HTML, CSS & JavaScript
มุมมอง 862 หลายเดือนก่อน
Welcome to Customized Dev! In this tutorial, we're diving into the world of web development by crafting spectacular Diwali animation from scratch. Learn how to create spectacular Diwali animation using HTML, CSS, and JavaScript. In this video, we cover the step-by-step process of creating spectacular Diwali animation, including designing the layout, styling with CSS, and adding interactive func...
Loading Page Animation | Customized Dev | Create a Trippy Loader using HTML & CSS
มุมมอง 702 หลายเดือนก่อน
Welcome to Customized Dev! In this tutorial, we're diving into the world of web development by crafting a trippy loader from scratch. Learn how to create a trippy loader using HTML and CSS. In this video, we cover the step-by-step process of creating a trippy loader, including designing the layout and styling with CSS. Whether you're a beginner or an experienced developer, this tutorial is perf...
Customized Dev | Create Super Smooth Gradient Animation using HTML, CSS & JavaScript
มุมมอง 1002 หลายเดือนก่อน
Welcome to Customized Dev! In this tutorial, we're diving into the world of web development by crafting super smooth gradient animation from scratch. Learn how to create super smooth gradient animation using HTML, CSS, and JavaScript. In this video, we cover the step-by-step process of creating super smooth gradient animation, including designing the layout, styling with CSS, and adding interac...
Loading Page Animation | Customized Dev | Create a Whimsical Snow Ball Loader using HTML & CSS
มุมมอง 302 หลายเดือนก่อน
Welcome to Customized Dev! In this tutorial, we're diving into the world of web development by crafting a whimsical snowball loader from scratch. Learn how to create a whimsical snowball loader using HTML and CSS. In this video, we cover the step-by-step process of creating a whimsical snowball loader, including designing the layout and styling with CSS. Whether you're a beginner or an experien...
Customized Dev | Create a Minimalist Web Developer Portfolio using HTML, CSS & JavaScript
มุมมอง 763 หลายเดือนก่อน
Welcome to Customized Dev! In this tutorial, we're diving into the world of web development by crafting a minimalist web developer portfolio from scratch. Learn how to create a minimalist web developer portfolio using HTML, CSS, and JavaScript. In this video, we cover the step-by-step process of creating a minimalist web developer portfolio, including designing the layout, styling with CSS, and...
Text Animation | Customized Dev | Create a Dizzying Text Spirals using HTML, CSS & JavaScript
มุมมอง 544 หลายเดือนก่อน
Welcome to Customized Dev! In this tutorial, we're diving into the world of web development by crafting a dizzying text spirals from scratch. Learn how to create a dizzying text spirals using HTML, CSS, and JavaScript. In this video, we cover the step-by-step process of creating a dizzying text spirals, including designing the layout, styling with CSS, and adding interactive functionality with ...
Make Brands Unstoppable | Customized Dev | Create an Advertisement Brand Website using HTML & CSS
มุมมอง 184 หลายเดือนก่อน
Welcome to Customized Dev! In this tutorial, we're diving into the world of web development by crafting an advertisement brand responsive website from scratch. Learn how to create an advertisement brand responsive website using HTML and CSS. In this video, we cover the step-by-step process of creating an advertisement brand responsive website, including designing the layout and styling with CSS...
Bouncing Responsive Menu | Customized Dev | Create a Bouncing Responsive Menu using HTML & CSS
มุมมอง 154 หลายเดือนก่อน
Welcome to Customized Dev! In this tutorial, we're diving into the world of web development by crafting a bouncing responsive menu from scratch. Learn how to create a bouncing responsive menu using HTML and CSS. In this video, we cover the step-by-step process of creating a bouncing responsive menu, including designing the layout and styling with CSS. Whether you're a beginner or an experienced...
Happy Independence Day | Customized Dev | Create Barrel Effect using HTML, CSS & JavaScript
มุมมอง 334 หลายเดือนก่อน
Welcome to Customized Dev! In this tutorial, we're diving into the world of web development by crafting the barrel distortion effect from scratch to wish Happy Independence Day. Learn how to create barrel distortion effect using HTML, CSS, and JavaScript. In this video, we cover the step-by-step process of creating barrel distortion effect, including designing the layout, styling with CSS, and ...
Dazzling Neon Loops & Orbs | Customized Dev | Create Dazzling Neon Loops & Orbs using HTML & CSS
มุมมอง 244 หลายเดือนก่อน
Welcome to Customized Dev! In this tutorial, we're diving into the world of web development by crafting dazzling neon loops and orbs from scratch. Learn how to create dazzling neon loops and orbs using HTML and CSS. In this video, we cover the step-by-step process of creating dazzling neon loops and orbs, including designing the layout and styling with CSS. Whether you're a beginner or an exper...
3d Cube Animation | Customized Dev | Create Incredible 3d Cube Animation using HTML & CSS
มุมมอง 444 หลายเดือนก่อน
3d Cube Animation | Customized Dev | Create Incredible 3d Cube Animation using HTML & CSS
Sublime Shiva Animation | Customized Dev | Create Sublime Shiva Animation using HTML & CSS
มุมมอง 1145 หลายเดือนก่อน
Sublime Shiva Animation | Customized Dev | Create Sublime Shiva Animation using HTML & CSS
Transform Your Coding Space with These Jaw-Dropping VS Code Themes | Customized Dev
มุมมอง 1395 หลายเดือนก่อน
Transform Your Coding Space with These Jaw-Dropping VS Code Themes | Customized Dev
Magical Rings | Customized Dev | Create Hypnotic and Colourful Magical Rings using HTML & CSS
มุมมอง 385 หลายเดือนก่อน
Magical Rings | Customized Dev | Create Hypnotic and Colourful Magical Rings using HTML & CSS
Loading Page Animation | Customized Dev | Create a 3d Spinning Rings Animation using HTML & CSS
มุมมอง 3315 หลายเดือนก่อน
Loading Page Animation | Customized Dev | Create a 3d Spinning Rings Animation using HTML & CSS
Background Animation | Customized Dev | Create a Beautiful Background Animation using HTML & CSS
มุมมอง 415 หลายเดือนก่อน
Background Animation | Customized Dev | Create a Beautiful Background Animation using HTML & CSS
Neon Clock | Customized Dev | Create a 7 Segment Neon Digital Clock using HTML, CSS & JavaScript
มุมมอง 485 หลายเดือนก่อน
Neon Clock | Customized Dev | Create a 7 Segment Neon Digital Clock using HTML, CSS & JavaScript
The Tranquil Ganges Boat Ride at Varanasi | Customized Dev | Through My Lens #8
มุมมอง 146 หลายเดือนก่อน
The Tranquil Ganges Boat Ride at Varanasi | Customized Dev | Through My Lens #8
Abacus Clock | Customized Dev | Create a Satisfying Abacus Clock using HTML, CSS & JavaScript
มุมมอง 296 หลายเดือนก่อน
Abacus Clock | Customized Dev | Create a Satisfying Abacus Clock using HTML, CSS & JavaScript
Loading Page Animation | Customized Dev | Create a 3d Loading Text Animation using HTML & CSS
มุมมอง 256 หลายเดือนก่อน
Loading Page Animation | Customized Dev | Create a 3d Loading Text Animation using HTML & CSS
Loading Page Animation | Customized Dev | Create a 3d Effect Loading Spinner using HTML & CSS
มุมมอง 316 หลายเดือนก่อน
Loading Page Animation | Customized Dev | Create a 3d Effect Loading Spinner using HTML & CSS
Text Animation | Customized Dev | Create a Fireworks Typing Effect using HTML, CSS & JavaScript
มุมมอง 776 หลายเดือนก่อน
Text Animation | Customized Dev | Create a Fireworks Typing Effect using HTML, CSS & JavaScript
Loading Page Animation | Customized Dev | Create Hypnotic Ellipses and Springs using HTML & CSS
มุมมอง 146 หลายเดือนก่อน
Loading Page Animation | Customized Dev | Create Hypnotic Ellipses and Springs using HTML & CSS
Unleash the Visual Symphony | Customized Dev | Create a Visual Symphony using HTML & CSS
มุมมอง 136 หลายเดือนก่อน
Unleash the Visual Symphony | Customized Dev | Create a Visual Symphony using HTML & CSS
Button Animation | Customized Dev | Create a Glowing Blue Tinted Button using HTML & CSS
มุมมอง 266 หลายเดือนก่อน
Button Animation | Customized Dev | Create a Glowing Blue Tinted Button using HTML & CSS
Bro source code
The link is also in the description. Link for website: customizeddev.pythonanywhere.com Link for source code of this video only: customizeddev.pythonanywhere.com/videos/new-year-with-snow-falling-using-html-css-and-javascript/
Nothing new. Just copy-paste from other videos.
Source code Bhai
Link is also in description. Link for website: customizeddev.pythonanywhere.com Link for source code of this video only: customizeddev.pythonanywhere.com/videos/flag-hosting-with-flying-flag-using-html-css-and-javascript/
bhaiya isme voiceover bhi karo n
Thanks for the suggestion. I will consider it in future videos.
Bhai Iske Images Ki Bhi Drive Dede Khali Code Dekhke Kya Karenge
what are the extensions
You can watch this video to understand better about extensions that I use. VS Code Extensions Making Work Proficient for Developers - th-cam.com/video/AybDhglT-HQ/w-d-xo.html
song id
Pls tell me this written script
It sets up event listeners for resizing and page load. When the page loads, it initializes the canvas and starts the animation loop. The animation loop continuously updates the background and manages particles representing fireworks. New fireworks are created randomly, and their positions are updated over time. The background is drawn with semi-transparent colours, and particles are drawn on top to simulate fireworks exploding in the sky. For the whole code visit: customizeddev.pyhtonanywhere.com
bro pls kindly share the code
Website link is also in description: customizeddev.pythonanywhere.com/ Direct link: customizeddev.pythonanywhere.com/videos/wedding-invitation-with-timer-using-html-css-and-javascript/
@@customizeddev Thank You So much Bro...!
bhai source code plzzzz
The link is the description BTW direct link to this video source code is customizeddev.pythonanywhere.com/videos/snowy-new-year-celebration-using-html-css-and-javascript/
where i can find the code.
Link is in the description.
Bhaii Konsa Editor Use Karte Ho Coding Ke Liye
Visual Studio Code
Buenas, me gustaría usar este código para un trabajo de la utu y combinarlo con el juego ark pero me sale una linea vertical de colores en el medio de la pantalla y no entiendo por qué, me podrías explicar?
Try copying the code from the website, you might have missed something so that may be causing a vertical line. Link to code: customizeddev.pythonanywhere.com/videos/particles-form-neon-hexagons-using-html-css-and-javascript/ As per google translate: Intente copiar el código del sitio web; es posible que se haya perdido algo y que eso pueda estar provocando una línea vertical.
Nice broooo ❤😅
Code nahi h website pe
The code is available on website: Link to this video: customizeddev.pythonanywhere.com/videos/happy-navaratri-wish-using-html-css-and-javascript/
Bhai Iska Code Nahi Hai Kya
Coding ki video 24th October ko live hogi bhai tab iska code site pe bhi mil jayega.
thanks bro. but how do i make it stop and start with an audio?
You can watch this video to get better knowledge on this: th-cam.com/video/jTjZXZgK3To/w-d-xo.html
I Love Everything About This Video 👌😁
Mi podría compartí el código por favor no me sale igual 😞
As per google translate: Puedes copiar el código del sitio web. You can copy the code from website: customizeddev.pythonanywhere.com/videos/popping-hearts-using-html-css-and-javascript/
Hello, I copied the code point by point and it doesn't work...
Maybe something is missing from you. Try copying the code from the website: customizeddev.pythonanywhere.com/videos/chaotic-lines-heart-using-html-css-and-javascript/
No show output
I didn't get you but, you can copy code from website: customizeddev.pythonanywhere.com/videos/fading-heart-animation-using-html-css-and-javascript/
amazing thx
How to get this code
You can get this code from this link: customizeddev.pythonanywhere.com/videos/flying-flag-animation-using-html-and-css/
Love you bhai 🧡❤💛💚
noice
Thankyou :)
Great work sir can i get the source code please🙏
Check description for website from there you can get code. Link for this particular video's source code the link is: customizeddev.pythonanywhere.com/videos/christmas-animation-using-html-and-css/
Great work thanks for sharing
Thanks for watching! Cheers
Sir I have one question....audio tag html ka autoplay property support nhi kr rhi to website ko jese open kre wese hi music aye uske liye kya kre ??
Remove the autoplay attribute from audio tag. Add a script like this: window.onload = function() { document.getElementById("id_of_audio_tag").play(); } Or through jQuery: $(document).ready(function() { $("#id_of_audio_tag").get(0).play(); }); Try this.
@@customizeddev ok sir thank you
Can u give link
The link is also in description. Link for this video from where you can have the code: customizeddev.pythonanywhere.com/videos/new-year-wishes-using-html-and-css/
Thank you so much 💗
just outstanding . your css skill is just fire . ❤
Bro ni website create cheyaniki em em use chesavu HTML, CSS, JavaScript inka?
I used HTML and CSS only. JavaScript is not used to create this webpage. As google translate says: Nēnu HTML mariyu CSS mātramē upayōgin̄cānu. Ī vebpējīni sr̥ṣṭin̄caḍāniki JavaScript upayōgin̄cabaḍadu.
Sir can you please provide the source code ???
The link is in description. You can get the code from website: customizeddev.pythonanywhere.com/
amazing but can you make popup effect with css
Thanks. Of course, the upcoming video will show the popup effect with CSS.
Can i get the file? as example
You can visit: customizeddev.pythonanywhere.com/
Thank you so much
@@customizeddev bro how i am not getting it 🥺🥺
You can visit: customizeddev.pythonanywhere.com/ There you can get the code from the videos section.
This actually works I love the output! Thank you for this wonderful video ❣️
Glad it helped!
can you please tell me the complete urls used in this video. I can not view it completely.
You can download the files, the link is in the description.
I wish that one day I will be capable of writing code like you :D , Merry Christmas!
Your video is short enough to retain interest and long enough to cover the subject. Thanks.