Dashboard Sidebar Menu using Html CSS & Vanilla Javascript | Curve Outside

Поделиться
HTML-код
  • Опубликовано: 1 июл 2023
  • Get Master Frontend: Zero to Hero ebook Now👇
    bit.ly/3E40YEV
    ------------------
    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
    ------------------
    All Source Code : / onlinetutorials
    Source Code : / dashboard-menu-85417834
    Facebook Page : / onlinetutorialsyt
    Instagram : / onlinetutorials_youtube
    Twitter : / onlinetutoria16
    Website : www.onlinetutorialsweb.com
    Buy Me A Coffee : www.buymeacoffee.com/onlineTu...
    ------------------
    #onlinetutorials #csseffect #topcsseffects
    ------------------
    give proper credit if you repost this on other social media platform
    ------------------
    Inspired By These
    Sidebar Menu using Html CSS & Javascript | How To Create Side Navigation Menu
    • Sidebar Menu using Htm...
    Sidebar Menu Using Html CSS & Javascript | Curved Outside in Active Tab
    • Sidebar Menu Using Htm...
    How to Create Responsive Sidebar Menu Using Html CSS & Javascript | Dashboard Sidebar Menu
    • How to Create Responsi...
    ------------------
    image source : www.pexels.com
    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

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

  • @farhangmdc
    @farhangmdc 9 месяцев назад +1

    Ma Sha Allah, great design. it would be great if you put the home burger menu Button on Sidebar instead of far away right side.

  • @moxinnovations
    @moxinnovations 10 месяцев назад +1

    hello you always have great tutorials, thanks for that, ... i have a problem when creating the icon circle with pseudo element before this overlaps on top of the icon and i can't make the icon to show above the circle ... what can i do ??

  • @marcosgomes6110
    @marcosgomes6110 9 месяцев назад

    Hello, first I would like to thank you for sharing your knowledge with us, it has been of great help to me, Thank you. Can I embed this menu in Power Bi, to switch pages?

  • @AdeyCoder
    @AdeyCoder 10 месяцев назад +1

    Cool 👏👏👏 keep it up

  • @evgeniyprowork
    @evgeniyprowork 9 месяцев назад

    the validator cursed at the nesting of div on one level with li, also try to see the result if you reduce the height, in general, redid a little html and css, and also removed the absolute positioning of .bottom and nailed it to the bottom through margin-top: auto, respectively prescribed flex and flex-direction

  • @nguyentrunghau8441
    @nguyentrunghau8441 10 месяцев назад +2

    I think when you click other menu. You should add effects to make the interface look more friendly !!!

    • @CoolCode-9
      @CoolCode-9 10 месяцев назад +2

      you are right

    • @anthonyrousset9802
      @anthonyrousset9802 7 месяцев назад

      @@CoolCode-9 and if we want to do with animation, where should we start?

  • @peaklegacy146
    @peaklegacy146 10 месяцев назад +1

    Did you write the book in the introduction?

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

    The Sidebar is actually excellent, but I'm looking for a sidebar with different section page assigned to each button in the sidebar

  • @user-cg4fy4ql1g
    @user-cg4fy4ql1g 6 месяцев назад

    could you tell me how we can fixed are sidebar icon without js??

  • @haise-swr4868
    @haise-swr4868 10 месяцев назад

    It´s responsive too?

  • @hmaasifali564
    @hmaasifali564 10 месяцев назад

    What is the price of this book

  • @REDz_228
    @REDz_228 10 месяцев назад +1

    Im first😂

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

    sir can i get your source code?

  • @sserunjojigonzaga9711
    @sserunjojigonzaga9711 10 месяцев назад +1

    Hello how are you if I want to hire you what can I do

  • @LokeshKumar-tk7ri
    @LokeshKumar-tk7ri 10 месяцев назад +1

    Guys, do you think that AI is going to replace web developers??

    • @cryptoboy1461
      @cryptoboy1461 10 месяцев назад

      Not anytime soon

    • @amdrx6700xt
      @amdrx6700xt 10 месяцев назад

      NOT SOON BUT I WOULD SUGGEST THAT YOU LEARN REACT NATIVE JUST IN CASE, THEN YOU CAN SHIFT TO MOBILE DEV

    • @clarinet800149
      @clarinet800149 10 месяцев назад

      No

  • @0909J-USA
    @0909J-USA 10 месяцев назад +2

    I bought this because I love your work, but why can’t I download it? I want it available offline and added to my E-book collection. This is very disappointing 😢

    • @CodewithRandom
      @CodewithRandom 10 месяцев назад

      Bro Plese Send Your Payment Proof So I Share with You! Thanks Team Codewithrandom

    • @0909J-USA
      @0909J-USA 10 месяцев назад

      Okay. I will send. This will be a huge help.

  • @christianjayraguindin79
    @christianjayraguindin79 5 месяцев назад

    when scrolling down, your sidebar is cut off

  • @wilbertdune
    @wilbertdune 2 месяца назад

    Your EBOOK doesn't even have a Document Outline.