- 95
- 590 857
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
มุมมอง: 112
วีดีโอ
Interactive Responsive Image Slider | Card Carousel
มุมมอง 4505 หลายเดือนก่อน
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
มุมมอง 3585 หลายเดือนก่อน
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
มุมมอง 4625 หลายเดือนก่อน
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
มุมมอง 1K6 หลายเดือนก่อน
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
มุมมอง 4796 หลายเดือนก่อน
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
มุมมอง 3176 หลายเดือนก่อน
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
มุมมอง 2816 หลายเดือนก่อน
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
มุมมอง 5167 หลายเดือนก่อน
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
มุมมอง 9549 หลายเดือนก่อน
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
มุมมอง 73310 หลายเดือนก่อน
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!
มุมมอง 22210 หลายเดือนก่อน
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
มุมมอง 45610 หลายเดือนก่อน
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
มุมมอง 87810 หลายเดือนก่อน
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
มุมมอง 772ปีที่แล้ว
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!
มุมมอง 216ปีที่แล้ว
These 30 Keyboard Shortcuts Will Change the Way You Work!
3D Image Carousel Slider Using Vanilla JS | JavaScript Projects
มุมมอง 1.4Kปีที่แล้ว
3D Image Carousel Slider Using Vanilla JS | JavaScript Projects
Free Web Hosting: Host Website on Netlify, Google Drive, GitHub & w3schools
มุมมอง 735ปีที่แล้ว
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
มุมมอง 1.9Kปีที่แล้ว
Auto-Switch Website Color Theme: Match OS Settings Color Scheme for a Seamless Experience
Custom HTML List UI Design | CSS Gradient Counter List
มุมมอง 405ปีที่แล้ว
Custom HTML List UI Design | CSS Gradient Counter List
Learn how to easily share selected text on social media with JavaScript
มุมมอง 282ปีที่แล้ว
Learn how to easily share selected text on social media with JavaScript
Build 8 Cool JavaScript Frontend Projects In 3 Hours
มุมมอง 1.4Kปีที่แล้ว
Build 8 Cool JavaScript Frontend Projects In 3 Hours
4 Cool Pure CSS Ribbon Shapes | CSS Tricks
มุมมอง 1.5Kปีที่แล้ว
4 Cool Pure CSS Ribbon Shapes | CSS Tricks
5 Cool Custom Input Field Animations with Pure CSS
มุมมอง 1.4Kปีที่แล้ว
5 Cool Custom Input Field Animations with Pure CSS
Pure CSS Text Typing Animation | Typewriter Effect
มุมมอง 1.2Kปีที่แล้ว
Pure CSS Text Typing Animation | Typewriter Effect
How to Add a Telephone Input Field with Country Code & Flag using Pure JavaScript
มุมมอง 17Kปีที่แล้ว
How to Add a Telephone Input Field with Country Code & Flag using Pure JavaScript
Double Click To Like Image Using JavaScript | Heart Animation
มุมมอง 772ปีที่แล้ว
Double Click To Like Image Using JavaScript | Heart Animation
Build Scratch Coupon Card Using HTML5 Canvas
มุมมอง 708ปีที่แล้ว
Build Scratch Coupon Card Using HTML5 Canvas
Pure CSS Infinite Client Brand Logo Slider | Image Slider Animation
มุมมอง 11Kปีที่แล้ว
Pure CSS Infinite Client Brand Logo Slider | Image Slider Animation
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
Nice logo scrolling
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
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
It's not responsive table... Why you think if you add scrollbar it will start be responsive???
Watch whole video in playlist bro
You're right! In the mobile screen you've to take totally different approach. So, I'm planning separate video for that topic as well.
thanks for sharing.. its so pretty!
I'm more than happy to help.
Finally new Vid after a long time :)
Yeah! Its been a long time.
@@CodingDesign 👀🔥
Cool bro.
thanks!
Great 😃👍🏻 video thank you are true god ❤❤❤
Keep l❤ving & supporting.
When adding direction:rtl to support the Arabic language, the code does not work. Can you make it work?
You can use CSS properties: /* Set text direction to left-to-right */ .left-to-right { direction: ltr; } /* Set text direction to right-to-left */ .right-to-left { direction: rtl; }
mera to wrk hi nhi kr rha h plx koi mujhe code send kr doo html css both with working mail
hi, i don't understand why every time i draw a circle inside the big circle using shape builder tool, the circle disappeared and there's no hole in the chart :(
First you need to select all shapes and drag your mouse around circle shape holding Alt or Option key.
i have a carousel of 3 images how can I do it for all 3images ?
I've already created 6 different Image slider & Carousels. Check out the whole playlist: 🔗th-cam.com/play/PLHktALTk_XeBCfW4M2_Cmpbggzitt7Mbp.html
Hai bro I have A problem To click submit its shows Unable to submit form Make sure you open this page through a web server formsubmit will not work in pages browsed as html files. What am do please help bro its part of project
Ok so basically there are two methods, 1) you have a server/pay for a server and upload the files there. 2) in vs code search for an extension called "Live server" for html and install it, now on the bottom right there will be a button with something like "live", just click it and wait a few seconds, it will open a page on the browser. Now you have a simulated server. Hope I helped you
@@EnneBoh ok bro
This Playlist is enough to satisfy the company needs
There is one more features Pagination, which I've already created as separate Topic.
Hello it's awesome but I have a question. The request is a bit long and is there a possibilty to stay on the form page ?
Thanks, i needed it for a company!
Good luck
Welcome.
i follow all this to the end is very nice thanks man, i am just here to learn some logic
Thanks a lot.
But I‘m still worried about deobfucating that is not really hard.
It's old techniques. Now you can research other advanced techniques.
how play all playlist one more
You need create separate Function for that automation.
Thank you so much
A.O.A! just a little bit tricks to add in my web to send emails ...no need a lots of pages of code ..its a very great helpful for me.....i will remember you in my prayers...Greetings from Pakistan
Thank you!
My guy 👍👍👍
More than happy to help.
thanks bro for this video
Welcome
I have tried a lot to make it responsive and compatible with smaller screens, such as the phone, but the plan does not work. Please how do I do that?? 🤔😪
Use Media Queries, CSS Flexbox, CSS Grid and so on.
Try adding the GitHub Link to code
Thanks man
No problem
Render: 3:30
I love your contents💪😍 Please keep on creating videos like this
Thanks. But it's difficult to survive in this TH-cam game. I do have very few subscribers and among them only 100-150 subscribers are active one.
This is some gem for new devs & learners out there, thank you🎉
You're most welcome.
Bro i need a small help regarding coding
How can I help you?
Can you post the final code?
Currently its unavailable.
Hi Coding Design 👋, I'm learning HTML and CSS (pure). Could you please make a video on a complete roadmap or syllabus from basics to advanced to ultimate? Your explanations are always clear. Thanks a lot! ❣️ ꧁☬S⌑ᖇΛΗΜΛΝ☬꧂
Right now I'm busy with other stuffs. But in future I might create one.
Unbelievable 🙂
Thanks!