- Видео 27
- Просмотров 5 785
Nayan Das
Добавлен 24 апр 2024
Hello, I'm Nayan
What You'll Find Here:
HTML, CSS, and JavaScript Projects: Quick projects to master the basics and enhance your front-end skills.
Full-Stack Development Tutorials: Comprehensive guides on front-end and back-end technologies like React, Angular, Node.js, and Express.
Mobile App Development: Learn to build cross-platform mobile apps with React Native and Flutter.
Live Coding Sessions: Join interactive live streams for project building, coding challenges, and real-time Q&A.
Connect with Me:
Email: nayanchandradas@hotmail.com
Social Media: socialportal.nayanchandradas.com
Don't forget to like, subscribe, and hit the notification bell to stay updated with the latest uploads. Your support motivates me to keep creating valuable content. Let's embark on this coding journey together!
What You'll Find Here:
HTML, CSS, and JavaScript Projects: Quick projects to master the basics and enhance your front-end skills.
Full-Stack Development Tutorials: Comprehensive guides on front-end and back-end technologies like React, Angular, Node.js, and Express.
Mobile App Development: Learn to build cross-platform mobile apps with React Native and Flutter.
Live Coding Sessions: Join interactive live streams for project building, coding challenges, and real-time Q&A.
Connect with Me:
Email: nayanchandradas@hotmail.com
Social Media: socialportal.nayanchandradas.com
Don't forget to like, subscribe, and hit the notification bell to stay updated with the latest uploads. Your support motivates me to keep creating valuable content. Let's embark on this coding journey together!
🕵️♂️✨ Create an Animated Search Bar with CSS & JavaScript.
🚀 In this video, we'll dive into creating a sleek and animated search bar using HTML, CSS, and JavaScript! 🌐 Whether you're a beginner or a seasoned developer, this step-by-step guide will help you add a stylish, interactive search bar to your website. 🔍
🌟 What You'll Learn:
💻 Basic HTML structure
🎨 Styling with CSS
🧩 Adding animations and interactivity with JavaScript
🔗 **Code & Resources**:
Buy me a Coffee: buymeacoffee.com/nayandas
Patreon: www.patreon.com/nayandas
📥 Download this 🆓 project source code in my Patreon.
👍 Like this video if you found it helpful!
🌐 **Social Media Links**:
Social Portal: socialportal.nayanchandradas.com
🔔 Subscribe for more web development tutorials:-
🔔 **Subscribe for ...
🌟 What You'll Learn:
💻 Basic HTML structure
🎨 Styling with CSS
🧩 Adding animations and interactivity with JavaScript
🔗 **Code & Resources**:
Buy me a Coffee: buymeacoffee.com/nayandas
Patreon: www.patreon.com/nayandas
📥 Download this 🆓 project source code in my Patreon.
👍 Like this video if you found it helpful!
🌐 **Social Media Links**:
Social Portal: socialportal.nayanchandradas.com
🔔 Subscribe for more web development tutorials:-
🔔 **Subscribe for ...
Просмотров: 292
Видео
Create a Stunning Animated Navigation Magic Menu with HTML, CSS, and JavaScript ✨
Просмотров 287Месяц назад
🚀 Welcome to our step-by-step tutorial on creating a stunning animated navigation magic menu using HTML, CSS, and JavaScript! In this video, we will guide you through building a visually appealing and interactive navigation bar that features smooth animations and stylish icons. Perfect for enhancing your web development skills! 📚 What You'll Learn: Setting up the project structure Linking and u...
🎨 Create an Interactive Flex Cards Gallery with Modern UI Design! | CSS & HTML Tutorial
Просмотров 283Месяц назад
Welcome back, web developers! 🌟 In this tutorial, we'll dive into creating a stunning interactive flex cards gallery using HTML and CSS. Whether you're a beginner or an experienced coder, this project will help you enhance your skills with modern UI elements and animations. Let's bring your web design to the next level! 🚀 🔹 What You'll Learn: Setting up the HTML structure 📄 Styling with CSS for...
Stunning 3D Animated Card Layout with Hover Effects Using CSS! 🚀 | Tutorial
Просмотров 271Месяц назад
Welcome to our latest web design tutorial! 🎨 In this video, we will show you how to create a stunning 3D animated card layout with mesmerizing hover effects using CSS. 🌐✨ Perfect for modern web design projects, this tutorial will take your website aesthetics to the next level! 👀 What You'll Learn: 1. CSS Basics: Setting up a responsive and visually appealing card layout. 2. 3D Transformations: ...
Create a Skewed Glowing Neon Button with HTML & CSS | Step-by-Step Tutorial
Просмотров 155Месяц назад
In this tutorial, you'll learn how to create a stunning skewed glowing neon button using just HTML and CSS. This modern UI element is perfect for adding a vibrant and interactive touch to your website. We'll walk you through the entire process, from setting up your HTML structure to applying stylish CSS effects, making it easy to follow along and implement in your own projects. Don't forget to ...
Create Neumorphism Loading Spinner with HTML & CSS
Просмотров 121Месяц назад
In this tutorial, you'll learn how to create an advanced Neumorphism loading spinner using HTML and CSS. Neumorphism is a popular design trend that blends skeuomorphism and flat design, creating a soft, 3D effect that's visually appealing and modern. Here's what we'll cover in this video: Setting up the HTML structure for the loader. Designing the Neumorphic circles with CSS. Animating the spin...
Create a Stunning Multi-Step Form with Modern UI Design | Glassmorphism and Animated Transitions
Просмотров 267Месяц назад
In this tutorial, we'll walk you through creating a beautiful multi-step form using modern UI/UX design principles. We'll incorporate glassmorphism effects, smooth animated transitions, and responsive design to ensure your form looks great on all devices. Whether you're a beginner or an experienced web developer, this step-by-step guide will help you enhance your web projects with a sleek and p...
Build a Stunning Creative Portfolio in Just 10 Minutes - Step-by-Step Tutorial!
Просмотров 620Месяц назад
In this video, I'll show you how to create a beautiful and modern portfolio website in just 10 minutes! 🚀 Perfect for showcasing your work as a web developer, designer, or creative professional. We'll walk through the HTML and CSS code, focusing on a sleek UI/UX design with dynamic animations and effects. Whether you're a beginner or looking to enhance your skills, this tutorial is for you! 🔗 R...
Creating a Responsive Pricing Table with Glassmorphism Effect | HTML, CSS, JavaScript Tutorial
Просмотров 185Месяц назад
Welcome to my web development tutorial! In this video, I will guide you step-by-step on how to create a beautiful and responsive pricing table with a glassmorphism effect using HTML, CSS, and JavaScript. What You Will Learn: Setting up the HTML structure for the pricing table Styling the pricing table with CSS, including glassmorphism effects Implementing a toggle switch to switch between month...
Build a Stunning Glassmorphism Calculator with HTML, CSS, and JavaScript | Step-by-Step Tutorial
Просмотров 134Месяц назад
Welcome to this comprehensive tutorial where we will create a stunning glassmorphism-style calculator using HTML, CSS, and JavaScript. Glassmorphism is a popular design trend that combines transparency, blur, and vibrant colors to create a sleek and modern UI. In this video, you will learn: How to structure your HTML for a calculator How to apply glassmorphism effects using CSS How to add funct...
Build a Stylish Password Strength Checker with HTML, CSS, and JavaScript
Просмотров 207Месяц назад
Welcome to our step-by-step tutorial on building a sleek and functional Password Strength Checker using HTML, CSS, and JavaScript. In this video, we'll guide you through the entire process, from setting up the basic structure to adding stylish animations and visual indicators for password strength. By the end of this tutorial, you'll have a fully operational password strength checker that you c...
How to Create a Stunning Glassmorphic Profile Card with HTML & CSS
Просмотров 822 месяца назад
How to Create a Stunning Glassmorphic Profile Card with HTML & CSS
Create Stunning Social Media Icons with Hover Animations in HTML, CSS | Full Tutorial
Просмотров 1552 месяца назад
Create Stunning Social Media Icons with Hover Animations in HTML, CSS | Full Tutorial
Create a Neumorphic Login and Signup Form using HTML, CSS, and JavaScript
Просмотров 2262 месяца назад
Create a Neumorphic Login and Signup Form using HTML, CSS, and JavaScript
Create Stunning Neumorphic Social Media Buttons with HTML & CSS Tutorial
Просмотров 1172 месяца назад
Create Stunning Neumorphic Social Media Buttons with HTML & CSS Tutorial
Create a Stunning Neumorphic Profile Card with HTML ,CSS & JavaScript 🚀 | Tutorial 🎨
Просмотров 1972 месяца назад
Create a Stunning Neumorphic Profile Card with HTML ,CSS & JavaScript 🚀 | Tutorial 🎨
Create a Beautiful To-Do List App in Python using Tkinter and ttkthemes
Просмотров 1392 месяца назад
Create a Beautiful To-Do List App in Python using Tkinter and ttkthemes
Create a Modern 3D Loading Screen with HTML, CSS, and JavaScript
Просмотров 2002 месяца назад
Create a Modern 3D Loading Screen with HTML, CSS, and JavaScript
Customizable Digital Clock with Live Weather Updates - HTML, CSS & JavaScript | Preview
Просмотров 1842 месяца назад
Customizable Digital Clock with Live Weather Updates - HTML, CSS & JavaScript | Preview
Create a Stylish Social Portal Webpage with HTML, CSS, and JavaScript.
Просмотров 4782 месяца назад
Create a Stylish Social Portal Webpage with HTML, CSS, and JavaScript.
It's really nice.❤🙂👍
JavaScript kidar?
Upload tutorial and also free source code.🎉
Brother your every design is good. Please i request to you describe code for me.❤
Thanks❤️❤️😍 Join my Discord
@@dasnayan69 discord link?
Check video/channel description Social Portal.
@@dasnayan69 Brother, if you don't mind please make a video GitHub How use that and also make project us Free ☺️❤
Completely Don't Understand. But this is Good. Please Describe Code as a new i have too many problems here😞.
i will try add my voice.
❤
Why you hide css this is not a tutorial. Waste time 😞
Join my discord
6:13 Here stuck my code not working
Join my discord.
Sir make this type full website 😊
Very soon
Where can I get those icons? Also, why did you decide to make the source code paid? Could you provide it to me for free?
Thank you for your comment! The icons are available at ionic.io/ionicons. As for the source code, I've invested significant time and effort in its development, which is why it's offered as a paid product. If you're interested, you can visit www.patreon.com/NayanDas. I appreciate your understanding!
Thanks for the icon direction! 🙌 Working on your tutorial and hit animation snags. Messaged you on Discord earlier-can you assist? Your help is much appreciated! 🌟 Thanks again!
Hover : let it at is position but in white color. Click : wait util the circle is up and transfrom the position to up and dont be visible when its not inside the rectangle or cicle. And add the text transforme position
Thanks for your comment and feedback! 🌟 For the hover effect, keeping the icon in its position but changing its color to white sounds like a sleek idea! As for the click behavior, I'll make sure the circle smoothly transitions upwards and remains visible only when inside the rectangle or circle. Additionally, I'll work on incorporating text position transformations for added visual impact. Stay tuned for the updates in the upcoming sections of the video! 😊
Bro please explain steps because as a beginner like me it's quite difficult to understand everything just my watching you writing code
Hey, thanks for the feedback! I've heard you loud and clear. Starting from now, I'll be adding detailed comments throughout the code to explain each step. This should make it much easier for beginners like yourself to follow along and understand the process. Stay tuned for more updates in October regarding voiceover improvements and editing style, as well as equipment upgrades. In the meantime, dive into the code with the comments I've added-it's designed to make your learning experience smoother and more enjoyable. If you have any more questions or need further clarification, feel free to ask. Happy coding! 🚀
wow bro nice work i appreciate your work
Thanks a lot for your comment on my tutorial! It's awesome to hear from viewers like you. Your support keeps me inspired to keep creating content. Stay tuned for more!
It's very good colors good idea 👍🏻
@@Abdulloh_dev Thanks for your feedback! I'm delighted you enjoyed the colors and found the tutorial useful. Don't forget to subscribe to my channel for more content like this!
Please Give me full code.
www.patreon.com/NayanDas/shop/exclusive-access-to-glassmorphic-profile-246000
Mera bhi button toggle per problem ho chuki hain kya koru.
Join My Discord Server😅
Mera ek problem ho gayaa script per chal nai rahaa ..
3:07 JavaScript. Watch Carefully if you need support then join my Discord Server.
Wow it's good to me.
Great to hear you liked it! Thanks for your feedback!
.b.i.n.a. .s.a.r.a.n.a. .i.n.f.o.r.m.a.t.i.k.a.
What type of information are you seeking?
Apka is random video ne mera pura dil jiit liyē. Bhai sab link fix kor do nawaa 👊
Thanks 🎉 Link already working.
Please provide some information.
Hey Subscribe Here 🎉🎉😊
Can you help I am new learning codeing.
@@Jasmine-v9e join my discord server.
Awesome vedio toiri korechen, just amazing Nice...share korechen, thanks
Thanks for your informative video share 😊
Stay connected
Thanks for your informative video share 😊
❤❤❤❤
Good
Nice video thanks for your help ful video 🎉❤❤❤❤
Really amizing ❤❤
Appreciate it!
Very helpful information keep posting this kind of amezing content
Thanks a lot for your positive feedback! I'm thrilled that you found the video helpful. Is there anything specific you'd like to see in future videos?
Informative information