CodingDesign
CodingDesign
  • 95
  • 590 857
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
มุมมอง: 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
Pure CSS Slide Up Multi Text Animation
มุมมอง 4.1Kปีที่แล้ว
Pure CSS Slide Up Multi Text Animation
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

ความคิดเห็น

  • @JuniorSilva-dl2ex
    @JuniorSilva-dl2ex วันที่ผ่านมา

    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

  • @farukweb
    @farukweb 2 วันที่ผ่านมา

    Nice logo scrolling

  • @Zordiak
    @Zordiak 2 วันที่ผ่านมา

    Link a codepen next time please

  • @spreadItWide
    @spreadItWide 5 วันที่ผ่านมา

    30:50 - window.screen.height

  • @wpdeveloper2039
    @wpdeveloper2039 5 วันที่ผ่านมา

    thank you

    • @CodingDesign
      @CodingDesign 4 วันที่ผ่านมา

      You're welcome

  • @vadwebdev9009
    @vadwebdev9009 7 วันที่ผ่านมา

    Autoplay of next song would be nice

  • @crazysoul3402
    @crazysoul3402 19 วันที่ผ่านมา

    I want full video in this portfolio Please send me

  • @medandcare
    @medandcare 21 วันที่ผ่านมา

    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?

  • @srivatsan9163
    @srivatsan9163 23 วันที่ผ่านมา

    One doubt- html, css, js... logos to be applied in visual studio code, how to do that mate?

  • @madmaxdev
    @madmaxdev 24 วันที่ผ่านมา

    This video is cool.

  • @teneplays
    @teneplays 28 วันที่ผ่านมา

    How to stop spamming mails

  • @The_real_yeast
    @The_real_yeast หลายเดือนก่อน

    are you nepali

  • @vladimirtravkin4958
    @vladimirtravkin4958 หลายเดือนก่อน

    Thank you so much. Easy, accessible, understandable... I get likes and subscriptions.

    • @CodingDesign
      @CodingDesign 4 วันที่ผ่านมา

      You're welcome.

  • @aadilmode7715
    @aadilmode7715 หลายเดือนก่อน

    Finally someone who has the skills to do it without any fricking frameworks. Thanks bro for using vanilla js and css

    • @CodingDesign
      @CodingDesign 4 วันที่ผ่านมา

      You're most welcome.

  • @stefanmares2277
    @stefanmares2277 หลายเดือนก่อน

    Is is possible to have an image span on 2 columns?

    • @CodingDesign
      @CodingDesign 4 วันที่ผ่านมา

      Yes! you can, but you've write extra code with media queries.

  • @nazmussakib9346
    @nazmussakib9346 หลายเดือนก่อน

    Loved it bro...❤

    • @CodingDesign
      @CodingDesign 4 วันที่ผ่านมา

      Glad to hear that.

  • @Comicsinreality
    @Comicsinreality หลายเดือนก่อน

    U can also use web3forms

  • @MrBBlackie
    @MrBBlackie หลายเดือนก่อน

    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!

  • @jabarlew
    @jabarlew หลายเดือนก่อน

    this is not responsive wen on mobile phone you need to scrool to sides to see rest of table

    • @CodingDesign
      @CodingDesign 4 วันที่ผ่านมา

      I'm planning to create separate video for mobile version as well.

  • @anurag_anuraj
    @anurag_anuraj หลายเดือนก่อน

    Awesome

    • @CodingDesign
      @CodingDesign 4 วันที่ผ่านมา

      Thank you!

    • @anurag_anuraj
      @anurag_anuraj 4 วันที่ผ่านมา

      @@CodingDesign next create shopping cart ? 🛒 Add product 🛒, quantity++, remove product

  • @optobeats
    @optobeats 2 หลายเดือนก่อน

    It's not responsive table... Why you think if you add scrollbar it will start be responsive???

    • @rahmana5813
      @rahmana5813 หลายเดือนก่อน

      Watch whole video in playlist bro

    • @CodingDesign
      @CodingDesign 4 วันที่ผ่านมา

      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.

  • @mhdafizhaaw8731
    @mhdafizhaaw8731 2 หลายเดือนก่อน

    thanks for sharing.. its so pretty!

    • @CodingDesign
      @CodingDesign 4 วันที่ผ่านมา

      I'm more than happy to help.

  • @Error_FPS
    @Error_FPS 2 หลายเดือนก่อน

    Finally new Vid after a long time :)

    • @CodingDesign
      @CodingDesign 4 วันที่ผ่านมา

      Yeah! Its been a long time.

    • @Error_FPS
      @Error_FPS 4 วันที่ผ่านมา

      @@CodingDesign 👀🔥

  • @mfin438
    @mfin438 2 หลายเดือนก่อน

    Cool bro.

  • @CSEngineerInsider
    @CSEngineerInsider 2 หลายเดือนก่อน

    Great 😃👍🏻 video thank you are true god ❤❤❤

    • @CodingDesign
      @CodingDesign 2 หลายเดือนก่อน

      Keep l❤ving & supporting.

  • @بدربنسعيد-ط7ب
    @بدربنسعيد-ط7ب 2 หลายเดือนก่อน

    When adding direction:rtl to support the Arabic language, the code does not work. Can you make it work?

    • @CodingDesign
      @CodingDesign 2 หลายเดือนก่อน

      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; }

  • @sandhya_30
    @sandhya_30 2 หลายเดือนก่อน

    mera to wrk hi nhi kr rha h plx koi mujhe code send kr doo html css both with working mail

  • @elitateagan2749
    @elitateagan2749 2 หลายเดือนก่อน

    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 :(

    • @CodingDesign
      @CodingDesign 2 หลายเดือนก่อน

      First you need to select all shapes and drag your mouse around circle shape holding Alt or Option key.

  • @samarthmotka4578
    @samarthmotka4578 2 หลายเดือนก่อน

    i have a carousel of 3 images how can I do it for all 3images ?

    • @CodingDesign
      @CodingDesign 2 หลายเดือนก่อน

      I've already created 6 different Image slider & Carousels. Check out the whole playlist: 🔗th-cam.com/play/PLHktALTk_XeBCfW4M2_Cmpbggzitt7Mbp.html

  • @fairosefairose3792
    @fairosefairose3792 2 หลายเดือนก่อน

    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

    • @EnneBoh
      @EnneBoh หลายเดือนก่อน

      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

    • @fairosefairose3792
      @fairosefairose3792 หลายเดือนก่อน

      @@EnneBoh ok bro

  • @_poke_rock
    @_poke_rock 3 หลายเดือนก่อน

    This Playlist is enough to satisfy the company needs

    • @CodingDesign
      @CodingDesign 2 หลายเดือนก่อน

      There is one more features Pagination, which I've already created as separate Topic.

  • @olivierboulanger1118
    @olivierboulanger1118 3 หลายเดือนก่อน

    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 ?

  • @Thegamer_channel
    @Thegamer_channel 3 หลายเดือนก่อน

    Thanks, i needed it for a company!

  • @emansem-e2s
    @emansem-e2s 3 หลายเดือนก่อน

    i follow all this to the end is very nice thanks man, i am just here to learn some logic

    • @CodingDesign
      @CodingDesign 2 หลายเดือนก่อน

      Thanks a lot.

  • @beckyfunny8013
    @beckyfunny8013 3 หลายเดือนก่อน

    But I‘m still worried about deobfucating that is not really hard.

    • @CodingDesign
      @CodingDesign 3 หลายเดือนก่อน

      It's old techniques. Now you can research other advanced techniques.

  • @chordtep
    @chordtep 3 หลายเดือนก่อน

    how play all playlist one more

    • @CodingDesign
      @CodingDesign 3 หลายเดือนก่อน

      You need create separate Function for that automation.

    • @chordtep
      @chordtep 3 หลายเดือนก่อน

      Thank you so much

  • @HifzaBhopal
    @HifzaBhopal 3 หลายเดือนก่อน

    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

    • @CodingDesign
      @CodingDesign 3 หลายเดือนก่อน

      Thank you!

  • @urovincent3868
    @urovincent3868 3 หลายเดือนก่อน

    My guy 👍👍👍

    • @CodingDesign
      @CodingDesign 3 หลายเดือนก่อน

      More than happy to help.

  • @OmarFaruk-hi2zx
    @OmarFaruk-hi2zx 3 หลายเดือนก่อน

    thanks bro for this video

  • @dardak1405
    @dardak1405 3 หลายเดือนก่อน

    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?? 🤔😪

    • @CodingDesign
      @CodingDesign 3 หลายเดือนก่อน

      Use Media Queries, CSS Flexbox, CSS Grid and so on.

  • @gideondakore6516
    @gideondakore6516 3 หลายเดือนก่อน

    Try adding the GitHub Link to code

  • @CodesphereDev
    @CodesphereDev 3 หลายเดือนก่อน

    Thanks man

    • @CodingDesign
      @CodingDesign 3 หลายเดือนก่อน

      No problem

  • @spreadItWide
    @spreadItWide 4 หลายเดือนก่อน

    Render: 3:30

  • @sonnyreyes8108
    @sonnyreyes8108 4 หลายเดือนก่อน

    I love your contents💪😍 Please keep on creating videos like this

    • @CodingDesign
      @CodingDesign 3 หลายเดือนก่อน

      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.

  • @TheInspektas
    @TheInspektas 4 หลายเดือนก่อน

    This is some gem for new devs & learners out there, thank you🎉

    • @CodingDesign
      @CodingDesign 3 หลายเดือนก่อน

      You're most welcome.

  • @kattavignesh
    @kattavignesh 4 หลายเดือนก่อน

    Bro i need a small help regarding coding

    • @CodingDesign
      @CodingDesign 3 หลายเดือนก่อน

      How can I help you?

  • @manga_academy08
    @manga_academy08 4 หลายเดือนก่อน

    Can you post the final code?

    • @CodingDesign
      @CodingDesign 3 หลายเดือนก่อน

      Currently its unavailable.

  • @s-rahman5654
    @s-rahman5654 4 หลายเดือนก่อน

    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⌑ᖇΛΗΜΛΝ☬꧂

    • @CodingDesign
      @CodingDesign 3 หลายเดือนก่อน

      Right now I'm busy with other stuffs. But in future I might create one.

  • @s-rahman5654
    @s-rahman5654 4 หลายเดือนก่อน

    Unbelievable 🙂