Sidebar Menu using Html CSS & Javascript | How To Create Curved Outside Navigation

Поделиться
HTML-код
  • Опубликовано: 9 ноя 2022
  • Click For More : ruclips.net/user/OnlineTutor...
    ------------------
    Enroll My Course : Next Level CSS Animation and Hover Effects
    www.udemy.com/course/css-hove...
    CSS Infinity Course : www.udemy.com/course/infinity...
    Another Course : Build Complete Real World Responsive Websites from Scratch
    www.udemy.com/course/complete...
    ------------------
    Join Our Channel Membership And Get Source Code of My New Video's Everyday!
    Join : / @onlinetutorialsyt
    ------------------
    Source Code : / onlinetutorials
    Facebook Page : / onlinetutorialsyt
    Instagram : / onlinetutorials_youtube
    Twitter : / onlinetutoria16
    Website : www.onlinetutorialsweb.com
    Buy Me A Coffee : www.buymeacoffee.com/onlineTu...
    ------------------
    #csseffect #topcsseffects
    ------------------
    give proper credit if you repost this on other social media platform
    ------------------
    icon source : ionic.io/ionicons
    ------------------
    Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use

Комментарии • 55

  • @huynhminhquan9977
    @huynhminhquan9977 Год назад +1

    One word, awesome!!!

  • @ertyerty3203
    @ertyerty3203 4 месяца назад

    You are the best!👍

  • @AREACREWBMX
    @AREACREWBMX Год назад

    Amazing job!

  • @donghuanew2599
    @donghuanew2599 Год назад

    Amazing, thank you.

  • @videloco84
    @videloco84 Год назад +3

    Nice job, amazing!!!

    • @codeWithMete
      @codeWithMete Год назад

      Hello, I just create my channel, can you support?😊

  • @shahlasworld9871
    @shahlasworld9871 Год назад

    You have stuck my mind😮

  • @ahmedmoussa7519
    @ahmedmoussa7519 Год назад +1

    I love it. Great job

  • @Ghost-maysam
    @Ghost-maysam Год назад

    Wow that's Awesome

  • @dewwinsemuthu9040
    @dewwinsemuthu9040 Год назад

    Awesome!!!

  • @khoitrinh8009
    @khoitrinh8009 Год назад

    amazing !

  • @ruddyng2107
    @ruddyng2107 Год назад

    Good job bro

  • @suicain
    @suicain Год назад

    Nice one really

  • @junaeidahmed6344
    @junaeidahmed6344 Год назад

    nice tutorial and thank u so much bro

  • @teachsanban
    @teachsanban Год назад

    Good one

  • @HadeszsScarling
    @HadeszsScarling Год назад

    thank you

  • @dot-artist
    @dot-artist Год назад

    Cool!!!!!

  • @Anctara
    @Anctara Год назад +1

    Hi, friend. I can use sidebar for my project?, I saw it, it seemed very good. Obviously I'm not going to do it like you did but it will have the same theme.

  • @24for1
    @24for1 Год назад

    Super duper program

  • @FL1GHT5
    @FL1GHT5 Год назад

    hey man, can you please help me out understand why when I add JavaScript I can't get it to work. I'm using 1:1 exact elements as in your tutorial but JS just doesn't want to work.
    example. when I add the to set the navigation element as active it doesn't work its not clickable. I'm also using VS Code so I don't understand why it doesn't work

  • @victor-polon
    @victor-polon Год назад

    How would this design look on smartphones?

  • @vipulmalviya4616
    @vipulmalviya4616 Год назад

    Can you make ultimate css animation tutorial

  • @user-he7xl2ly5o
    @user-he7xl2ly5o Год назад

    牛逼!!

  • @ZPIB
    @ZPIB Год назад +1

    Hello,
    is there a website that structures my code?
    I am looking forward to your feedback!:)

    • @codeWithMete
      @codeWithMete Год назад

      Hello, I just create my channel, can you support?😊

    • @TheArnold002
      @TheArnold002 Год назад

      I’m not sure what you mean by “structures your code”, but look up Prettier, it will clean up and format your code for you to a good extent

    • @codingwithkrishna
      @codingwithkrishna Год назад

      check my coding videos

  • @funnyedits012
    @funnyedits012 Год назад

    Sir please tell me for front-end developer it is enough to learn from w3 school website ?

    • @TheArnold002
      @TheArnold002 Год назад

      W3 is a fine place to begin, however it will take a lot more that that. Some great early practice is just finding projects and recreating them, basically just always do something that challenges you

    • @TheArnold002
      @TheArnold002 Год назад +1

      Also, if you are interested let me know, I have a text file with a long list of most the topics you should understand as a Jr web dev

    • @funnyedits012
      @funnyedits012 Год назад

      @@TheArnold002 yes i intrested

  • @nishantxyz9420
    @nishantxyz9420 Год назад

    Sir,Font awesome icon Ki width kaise badhaye, height same rehni chayie Kewal width badhni chayie ???

  • @muhammadbahrurrizqi6
    @muhammadbahrurrizqi6 Год назад

    Solar systes ??

  • @chaudharyji90
    @chaudharyji90 Год назад

    Bhai javascript apke video me hai ky mujhe nhi mila so plzz send me link

  • @raphajulia29
    @raphajulia29 Год назад +1

    Does anyone know how to see the site updates whitout refreshing the page ?

    • @TheArnold002
      @TheArnold002 Год назад

      If I understand what you want, it’s called HMR or hot module replacement. Using a bundled like Vite will give you that

    • @MrFuadPro
      @MrFuadPro Год назад +1

      Live Server extension

  • @utoimre03
    @utoimre03 6 месяцев назад

    Can I have the HTML and CSS codes?

  • @goodshiro10
    @goodshiro10 Год назад +2

    you copied your previous two designs that functions as same as this, but with a little tweak to the css -_-

  • @Duckyou101
    @Duckyou101 Год назад

    bro on the html part where we say that
    list.forEach((item) =>
    item.addEventLitener('click',activelink));
    is not working and the chrom Sayed that it is
    Uncaught TypeError: list.forEach is not a function
    what should i do.

    • @thekill7426
      @thekill7426 Год назад +1

      make sure everything above is closed " ; " and make sure the L in "activelink" is capital letter

    • @Duckyou101
      @Duckyou101 Год назад

      @@thekill7426 thanks, it helps

    • @thekill7426
      @thekill7426 Год назад

      @@Duckyou101 no problem

  • @herokubots-cg2uh
    @herokubots-cg2uh Год назад

    I have syntax error???

  • @vision_lc
    @vision_lc Год назад

    Face ya voice reveal ??

  • @jabbarrefaghatjoo6897
    @jabbarrefaghatjoo6897 Год назад

    Hey guys I have a wordpress website, i always use plugin in my website because I don't have experience in html, css, javascript, does anyone know how can I add this beautiful side menu to my website

  • @ImaginationSaga
    @ImaginationSaga Год назад

    Bro someone type the code. I want to use it in my upcoming hackathon. @OnlineTutorials please send source code

    • @TheArnold002
      @TheArnold002 Год назад +1

      You can check the description, source code is available in patreon or you can take the time and follow along with the video

    • @ryuk9765
      @ryuk9765 Год назад

      khud mehnat karle bhai

    • @ImaginationSaga
      @ImaginationSaga Год назад

      @@ryuk9765 never asked someone like you

    • @pamelalopez6349
      @pamelalopez6349 Год назад +1

      in the video is all the code of how to do it, dont be lazy

    • @ImaginationSaga
      @ImaginationSaga Год назад

      @@pamelalopez6349 I can see that also.

  • @S-Lomar
    @S-Lomar 7 месяцев назад

    Welcome to my pages 🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰