- 95
- 637 293
CodingDesign
Nepal
เข้าร่วมเมื่อ 31 ธ.ค. 2021
Want to build 🔥 trending design & components found on any websites? I will show you how!
My name is Jeet Saru and I'm a self taught Web Developer & Content Creator from Nepal, I understand the importance of having access to quality resources to improve your skills.
What I teach:
1️⃣ Web Development
2️⃣ Web Design
3️⃣ UI | UX Design
4️⃣ graphics design & many more🚀 technologies.
✨ You can share any Design, Element or Component that you may found in any website / social media.
On your request(ONLY SUBSCRIBERS) I'll create separate dedicated 🎞 video.
📅 EVERY WEEK, I do upload my 🎬 NEW VIDEO.
🔔 SUBSCRIBE now, and join #CodingDesign! I'm here to serve you.🙏
📧 For business inquiries:
sarujeet55@gmail.com
My name is Jeet Saru and I'm a self taught Web Developer & Content Creator from Nepal, I understand the importance of having access to quality resources to improve your skills.
What I teach:
1️⃣ Web Development
2️⃣ Web Design
3️⃣ UI | UX Design
4️⃣ graphics design & many more🚀 technologies.
✨ You can share any Design, Element or Component that you may found in any website / social media.
On your request(ONLY SUBSCRIBERS) I'll create separate dedicated 🎞 video.
📅 EVERY WEEK, I do upload my 🎬 NEW VIDEO.
🔔 SUBSCRIBE now, and join #CodingDesign! I'm here to serve you.🙏
📧 For business inquiries:
sarujeet55@gmail.com
Inspirational 3D Web Designs AUG 2024
Explore the cutting-edge world of 3D web design in our latest video, "Inspirational 3D Web Designs AUG 2024." This video showcases a selection of the most innovative and visually stunning 3D websites that are setting trends this year.
📢 SUBSCRIBE my channel for more helpful 🎬videos
🔔 th-cam.com/channels/JFIJzh2i9aYQPAL4VWuECA.htmlsub_confirmation=1
🕝Timestamps:
00:00 Intro
00:06 Sougen
00:43 kubota
02:06 oculus
03:20 oculus
04:12 Outro
🌍Websites
1. sougen.co/
2. www.kubota.com/futurecube/
3. www.oculus.com/medal-of-honor/
4. chartogne-taillet.com/en
📢 SUBSCRIBE my channel for more helpful 🎬videos
🔔 th-cam.com/channels/JFIJzh2i9aYQPAL4VWuECA.htmlsub_confirmation=1
🕝Timestamps:
00:00 Intro
00:06 Sougen
00:43 kubota
02:06 oculus
03:20 oculus
04:12 Outro
🌍Websites
1. sougen.co/
2. www.kubota.com/futurecube/
3. www.oculus.com/medal-of-honor/
4. chartogne-taillet.com/en
มุมมอง: 167
วีดีโอ
Interactive Responsive Image Slider | Card Carousel
มุมมอง 5447 หลายเดือนก่อน
Welcome to our tutorial on creating an interactive and responsive image slider or card carousel! Elevate your website with an Interactive Responsive Image Slider that sets it apart from the rest. In this video, we will guide you through the process of building a dynamic and engaging slider/carousel using HTML, CSS, and JavaScript. 📢 SUBSCRIBE my channel for more helpful 🎬videos 🔔 th-cam.com/cha...
3D Personal Portfolio Website Trends
มุมมอง 4768 หลายเดือนก่อน
In this video, I'll be discussing the top 6 latest trends in 3D personal portfolio websites and offering my reaction to them. Join us as we explore the most innovative designs and functionalities of these 3D websites. From interactive animations to bold color schemes, we break down what sets these 3D personal portfolio websites apart and take inspiration for your own next 3D personal portfolio ...
Add Captions and Subtitles to HTML Videos with CSS Styling
มุมมอง 6428 หลายเดือนก่อน
Let's learn how to generate and add captions & subtitles in multiple languages, as well as gain a deeper understanding of how captions and subtitles work along with CSS styling. 📢 SUBSCRIBE for more helpful 🎬videos 🔔 th-cam.com/channels/JFIJzh2i9aYQPAL4VWuECA.htmlsub_confirmation=1 🕝Timestamps 00:00 Add captions and subtitles to videos 00:47 How to Generate captions and subtitles? 01:36 How cap...
Responsive Web Design without Media Queries | CSS Tips & Tricks
มุมมอง 1.5K8 หลายเดือนก่อน
In this video, we uncover the secrets to achieving responsive web design without the need for media queries. Learn the techniques and strategies that will streamline your design process and ensure a seamless user experience across all devices. Whether you're a beginner or a seasoned pro, this is one tutorial you won't want to miss. 📢 SUBSCRIBE for more helpful 🎬videos 🔔 th-cam.com/channels/JFIJ...
Build Responsive 3d Web Design with Scrolling Animation | 🚫No plugins
มุมมอง 5988 หลายเดือนก่อน
Creating a 3D website without relying on 3rd party libraries can be challenging. In this tutorial, I will show you with pure JavaScript, how to design a modern 3D website with scrolling animations . Rest assured, this stunning 3D web design will breathe new life into your website. Let's build 3D website for your portfolio. 📢 SUBSCRIBE my channel for more helpful 🎬videos 🔔 th-cam.com/channels/JF...
Smooth Scrolling Text Animation with Parallax effect
มุมมอง 4739 หลายเดือนก่อน
In this tutorial, we'll show you how to create a stunning smooth scrolling text animation with a parallax effect using CSS and JavaScript. This eye-catching effect will add depth and dimension to your website, making it stand out from the competition. We'll walk you through the step-by-step process of setting up the animation, adjusting the speed and direction of the scroll, and customizing the...
Amazing 3D Games Developed in JavaScript
มุมมอง 3179 หลายเดือนก่อน
Let's explore the amazing world of 3D games developed in JavaScript. Prepare to be amazed as we explore the groundbreaking technology and creativity behind these unbelievable games. From stunning visuals to immersive gameplay, you won't believe your eyes. Don't miss out on this epic journey into the future of gaming. Watch now and be blown away by the power of JavaScript in creating next-level ...
CSS Navbar UI Design for Modern responsive Website
มุมมอง 8029 หลายเดือนก่อน
In this video, I'll' walk you through creating a futuristic CSS responsive navbar design for modern websites. Learn how to use advanced CSS techniques to achieve a clean and professional look for your website's navigation bar. Elevate the user experience on your site with this innovative design. Let's take your web design skills to the next level! 🎬 Smart Navbar (Animate Navbar On Scroll) ✅ th-...
Wrap Text Around Images and Shapes with HTML & CSS
มุมมอง 1.2Kปีที่แล้ว
In this insightful tutorial, we demonstrate how to expertly wrap text around captivating images and eye-catching shapes using HTML and CSS. Our step-by-step guide will empower you to create visually stunning web designs and enhance the impact of your content. Whether you're a beginner or an experienced developer, join us and master the art of text wrapping like a pro. Discover essential tips, t...
Pure JavaScript Pagination: Real Life Implementation
มุมมอง 812ปีที่แล้ว
Welcome to our video tutorial on "Pure JavaScript Pagination: Real-Life Implementation". In this comprehensive guide, we will demonstrate an optimized approach to implement pagination using pure JavaScript. Follow along as we dive into practical examples and show you how to enhance your website's user experience with efficient pagination techniques. 📢 SUBSCRIBE for more helpful 🎬videos 🔔 th-cam...
25 Epic Tips to Minimize Your Code and Maximize Efficiency!
มุมมอง 237ปีที่แล้ว
Welcome to our video on "25 Epic Tips to Minimize Your Code and Maximize Efficiency!" In this tutorial, we will decode proven techniques to help you write cleaner, more efficient code that will save you time and effort. Whether you are a seasoned developer or just starting out, these tips are bound to boost your coding skills. 📢 SUBSCRIBE my channel for more helpful 🎬videos 🔔 th-cam.com/channel...
Create Eye-catching CSS Card Designs with Animation
มุมมอง 523ปีที่แล้ว
In this video tutorial, we will guide you through the process of creating eye-catching css card designs with animation. 📢 SUBSCRIBE my channel for more helpful 🎬videos 🔔 th-cam.com/channels/JFIJzh2i9aYQPAL4VWuECA.htmlsub_confirmation=1 🎬 Videos related to "CSS Card Design": 1. CSS Card With Skeleton Loader ✅ th-cam.com/video/xQpYF4rt9k0/w-d-xo.html 2. Product Card UI Design ✅ th-cam.com/video/z...
See More See Less Functionality With Fading Text - HTML CSS & JavaScript
มุมมอง 1Kปีที่แล้ว
In this video, we'll add see more/see less functionality along with fading text (gradient text box) to our website. This feature is adopted by almost every modern websites. Based on different websites, this feature is known with different names (read more/read less, show more/show less). 📢 SUBSCRIBE my channel for more helpful 🎬videos 🔔 th-cam.com/channels/JFIJzh2i9aYQPAL4VWuECA.htmlsub_confirm...
Chart JS Tutorial: Ultimate Data Visualization Course for Beginners
มุมมอง 878ปีที่แล้ว
Welcome to the Master Chart JS: Ultimate Data Visualization Course for Beginners! In this comprehensive video tutorial, we dive deep into the world of Chart JS, the cutting-edge data visualization library. Whether you are a beginner or an aspiring data analyst, this course is designed to equip you with all the necessary skills to create stunning charts and graphs using Chart JS. Throughout this...
These 30+ Keyboard Shortcuts Will Change the Way You Work!
มุมมอง 224ปีที่แล้ว
These 30 Keyboard Shortcuts Will Change the Way You Work!
3D Image Carousel Slider Using Vanilla JS | JavaScript Projects
มุมมอง 1.6Kปีที่แล้ว
3D Image Carousel Slider Using Vanilla JS | JavaScript Projects
Free Web Hosting: Host Website on Netlify, Google Drive, GitHub & w3schools
มุมมอง 784ปีที่แล้ว
Free Web Hosting: Host Website on Netlify, Google Drive, GitHub & w3schools
Auto-Switch Website Color Theme: Match OS Settings Color Scheme for a Seamless Experience
มุมมอง 2.2Kปีที่แล้ว
Auto-Switch Website Color Theme: Match OS Settings Color Scheme for a Seamless Experience
Custom HTML List UI Design | CSS Gradient Counter List
มุมมอง 438ปีที่แล้ว
Custom HTML List UI Design | CSS Gradient Counter List
Learn how to easily share selected text on social media with JavaScript
มุมมอง 308ปีที่แล้ว
Learn how to easily share selected text on social media with JavaScript
Build 8 Cool JavaScript Frontend Projects In 3 Hours
มุมมอง 1.5Kปีที่แล้ว
Build 8 Cool JavaScript Frontend Projects In 3 Hours
4 Cool Pure CSS Ribbon Shapes | CSS Tricks
มุมมอง 1.7Kปีที่แล้ว
4 Cool Pure CSS Ribbon Shapes | CSS Tricks
5 Cool Custom Input Field Animations with Pure CSS
มุมมอง 1.6Kปีที่แล้ว
5 Cool Custom Input Field Animations with Pure CSS
Pure CSS Text Typing Animation | Typewriter Effect
มุมมอง 1.4Kปีที่แล้ว
Pure CSS Text Typing Animation | Typewriter Effect
How to Add a Telephone Input Field with Country Code & Flag using Pure JavaScript
มุมมอง 18Kปีที่แล้ว
How to Add a Telephone Input Field with Country Code & Flag using Pure JavaScript
Double Click To Like Image Using JavaScript | Heart Animation
มุมมอง 831ปีที่แล้ว
Double Click To Like Image Using JavaScript | Heart Animation
Build Scratch Coupon Card Using HTML5 Canvas
มุมมอง 764ปีที่แล้ว
Build Scratch Coupon Card Using HTML5 Canvas
Pure CSS Infinite Client Brand Logo Slider | Image Slider Animation
มุมมอง 12Kปีที่แล้ว
Pure CSS Infinite Client Brand Logo Slider | Image Slider Animation
profesional coder and good teacher, thanks for your amazing vids!
I don't know why the views this low but eventually people will come here through your channel❤
So keep going
We need these
This video is a treasure for all designers. You know how hard it is to do with media query. We would love to have more content love this,
Bro, pls how do I contact you ?
Good job, could you give source code plz.
githab?
bueno tutorial
There 1 think after animation end it go to 1 text how do it in loop
Can share code file
Excellent video. Very detailed. Thank you.
Glad it was helpful!
Do you have the code and image for this? I cannot find it on your Github and I am a student and wanted to try this out
Please make a video (making copies of these websites, how to make it). Thank you 👍
Please make a video on how to research the know-how and tech stack of a website or web app, so that one could replicate it. Thank you 🙏
I'm sorry. I'm unable to create further more content.
thank
More than happy to help.
Make sure you open this page through a web server, FormSubmit will not work in pages browsed as HTML files. problem bro
Nvm I got it ! Thank you so much!
Happy to help.
Really great...❤ I need your help in customising my table
Glad you like it! Let me know what kind of customization you need.
boss of css
Not really. I'm still in Learning stage.
How to refresh the data after form submitted The data is appearing after go back how to solve it
its not working to my vs code !
What's wrong?
THANKSSSS
welcome.
Parabéns, muito didático!
how many messages can you receieve with formsubmit
When i submit my form its showing unable to submit firm😢.. please solve this
thanks bro its usefull for my portfolio site
Happy to help
HArd to find the animation but thanks to you.. love it!!
Glad I could help!
excuse me, how to create outline on texts in the graph?
You can set Stroke for that.
It is so VERY difficult to follow you, with all of the bad editing, and skipped steps. Sad, because it seems like your code is good.
I'll consider it in future.
Good job man!! Your video was very well edited and your ability to explain is very good! I hope it grows and is successful, subscribing to encourage the continuity of your project on TH-cam
It's sad! that I'm planning to 'Give Up' because it's not working for me. I might upload video once a month.
Nice logo scrolling
Glad to help.
Link a codepen next time please
30:50 - window.screen.height
thank you
You're welcome
Autoplay of next song would be nice
I want full video in this portfolio Please send me
Sorry! I'm Giving up TH-cam. It's not working for me.
@@CodingDesign yes i also chcked but it's not running... ? why
I keep getting an email saying that someone has submitted a form, but they're not showing me the form. Anyone know a fix for this?
One doubt- html, css, js... logos to be applied in visual studio code, how to do that mate?
This video is cool.
Thank you!
How to stop spamming mails
are you nepali
Yes! I am.
Thank you so much. Easy, accessible, understandable... I get likes and subscriptions.
You're welcome.
Finally someone who has the skills to do it without any fricking frameworks. Thanks bro for using vanilla js and css
You're most welcome.
Is is possible to have an image span on 2 columns?
Yes! you can, but you've write extra code with media queries.
Loved it bro...❤
Glad to hear that.
U can also use web3forms
This really helped me.. thanks. One thing - how did you style the page with the fitness model in the middle of two columns of text? Plus the image overlaying the big title is a quite cool effect. Any chance you can explain how that is done also. Otherwise, keep up the good work!
this is not responsive wen on mobile phone you need to scrool to sides to see rest of table
I'm planning to create separate video for mobile version as well.
Awesome
Thank you!
@@CodingDesign next create shopping cart ? 🛒 Add product 🛒, quantity++, remove product