- 95
- 587 195
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
🔔 ua-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
🔔 ua-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
Переглядів: 107
Відео
Interactive Responsive Image Slider | Card Carousel
Переглядів 4415 місяців тому
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 🔔 ua-cam.com/cha...
3D Personal Portfolio Website Trends
Переглядів 3525 місяців тому
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
Переглядів 4505 місяців тому
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 🔔 ua-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 тис.5 місяців тому
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 🔔 ua-cam.com/channels/JFIJ...
Build Responsive 3d Web Design with Scrolling Animation | 🚫No plugins
Переглядів 4676 місяців тому
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 🔔 ua-cam.com/channels/JF...
Smooth Scrolling Text Animation with Parallax effect
Переглядів 3036 місяців тому
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
Переглядів 2766 місяців тому
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
Переглядів 5017 місяців тому
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) ✅ ua-...
Wrap Text Around Images and Shapes with HTML & CSS
Переглядів 9299 місяців тому
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
Переглядів 7239 місяців тому
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 🔔 ua-cam...
25 Epic Tips to Minimize Your Code and Maximize Efficiency!
Переглядів 22010 місяців тому
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 🔔 ua-cam.com/channel...
Create Eye-catching CSS Card Designs with Animation
Переглядів 45210 місяців тому
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 🔔 ua-cam.com/channels/JFIJzh2i9aYQPAL4VWuECA.htmlsub_confirmation=1 🎬 Videos related to "CSS Card Design": 1. CSS Card With Skeleton Loader ✅ ua-cam.com/video/xQpYF4rt9k0/v-deo.html 2. Product Card UI Design ✅ ua-cam.com/video/zv...
See More See Less Functionality With Fading Text - HTML CSS & JavaScript
Переглядів 86310 місяців тому
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 🔔 ua-cam.com/channels/JFIJzh2i9aYQPAL4VWuECA.htmlsub_confirm...
Chart JS Tutorial: Ultimate Data Visualization Course for Beginners
Переглядів 768Рік тому
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!
Переглядів 215Рік тому
These 30 Keyboard Shortcuts Will Change the Way You Work!
3D Image Carousel Slider Using Vanilla JS | JavaScript Projects
Переглядів 1,4 тис.Рік тому
3D Image Carousel Slider Using Vanilla JS | JavaScript Projects
Free Web Hosting: Host Website on Netlify, Google Drive, GitHub & w3schools
Переглядів 729Рік тому
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,9 тис.Рік тому
Auto-Switch Website Color Theme: Match OS Settings Color Scheme for a Seamless Experience
Custom HTML List UI Design | CSS Gradient Counter List
Переглядів 404Рік тому
Custom HTML List UI Design | CSS Gradient Counter List
Learn how to easily share selected text on social media with JavaScript
Переглядів 280Рік тому
Learn how to easily share selected text on social media with JavaScript
Build 8 Cool JavaScript Frontend Projects In 3 Hours
Переглядів 1,3 тис.Рік тому
Build 8 Cool JavaScript Frontend Projects In 3 Hours
4 Cool Pure CSS Ribbon Shapes | CSS Tricks
Переглядів 1,5 тис.Рік тому
4 Cool Pure CSS Ribbon Shapes | CSS Tricks
5 Cool Custom Input Field Animations with Pure CSS
Переглядів 1,4 тис.Рік тому
5 Cool Custom Input Field Animations with Pure CSS
Pure CSS Text Typing Animation | Typewriter Effect
Переглядів 1,2 тис.Рік тому
Pure CSS Text Typing Animation | Typewriter Effect
Pure CSS Slide Up Multi Text Animation
Переглядів 4 тис.Рік тому
Pure CSS Slide Up Multi Text Animation
How to Add a Telephone Input Field with Country Code & Flag using Pure JavaScript
Переглядів 16 тис.Рік тому
How to Add a Telephone Input Field with Country Code & Flag using Pure JavaScript
Double Click To Like Image Using JavaScript | Heart Animation
Переглядів 769Рік тому
Double Click To Like Image Using JavaScript | Heart Animation
Build Scratch Coupon Card Using HTML5 Canvas
Переглядів 701Рік тому
Build Scratch Coupon Card Using HTML5 Canvas
Pure CSS Infinite Client Brand Logo Slider | Image Slider Animation
Переглядів 11 тис.Рік тому
Pure CSS Infinite Client Brand Logo Slider | Image Slider Animation
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.
How to stop spamming mails
are you nepali
Thank you so much. Easy, accessible, understandable... I get likes and subscriptions.
Finally someone who has the skills to do it without any fricking frameworks. Thanks bro for using vanilla js and css
Is is possible to have an image span on 2 columns?
Loved it bro...❤
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
Awesome
It's not responsive table... Why you think if you add scrollbar it will start be responsive???
Watch whole video in playlist bro
thanks for sharing.. its so pretty!
Finally new Vid after a long time :)
Cool bro.
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: 🔗ua-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 UA-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!
i use neat bean, jsp , servlet but it is not active
Much appreciated.
@CodingDesign Could you share the actual code you got in the video for us to use. Thank you
How to redirect to a form or website upon click??
You can create anchor tag <a href="URL" >button</a>.
Amazing video thankyou!
You're welcome.
brilliant video man
Much appreciated
Hey i have some queries related to javascript. Can you please guide me?
How can I help you?
@@CodingDesign problem is how to build Logics? I can't write code by myself