Jacob Paris
Jacob Paris
  • Видео 10
  • Просмотров 24 731

Видео

9 - Modularizing the Focus Trap Component - Sliding Sidebar in React and Tailwind CSS
Просмотров 9923 года назад
Code repository: github.com/JacobParis/sliding-sidebar
8 - Trapping Focus Inside the Modal Sidebar - Sliding Sidebar in React and Tailwind CSS
Просмотров 1,6 тыс.3 года назад
Code repository: github.com/JacobParis/sliding-sidebar
7 - Showing a Shaded Modal Backdrop - Sliding Sidebar in React and Tailwind CSS
Просмотров 9923 года назад
Code repository: github.com/JacobParis/sliding-sidebar
6 - Using a Fixed Sidebar on Small Screens - Sliding Sidebar in React and Tailwind CSS
Просмотров 1,7 тыс.3 года назад
Code repository: github.com/JacobParis/sliding-sidebar
5 - Adding Smooth Open and Close Transitions - Sliding Sidebar in React and Tailwind CSS
Просмотров 5 тыс.3 года назад
Code repository: github.com/JacobParis/sliding-sidebar
4 - Creating a custom useBreakpoint hook - Sliding Sidebar in React and Tailwind CSS
Просмотров 1,4 тыс.3 года назад
Code repository: github.com/JacobParis/sliding-sidebar
3 - Making the Layout Responsive - Sliding Sidebar in React and Tailwind CSS
Просмотров 1,7 тыс.3 года назад
Code repository: github.com/JacobParis/sliding-sidebar
2 - Opening and Closing the Menu - Sliding Sidebar in React and Tailwind CSS
Просмотров 2,9 тыс.3 года назад
Code repository: github.com/JacobParis/sliding-sidebar
1 - Building the Desktop Layout - Sliding Sidebar in React and Tailwind CSS
Просмотров 6 тыс.3 года назад
Code repository: github.com/JacobParis/sliding-sidebar

Комментарии

  • @firaolterefe3014
    @firaolterefe3014 21 день назад

    You are Amazing, thanks

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

    thank you

  • @hisingh597
    @hisingh597 2 года назад

    Thanks, it helped a lot

  • @user-xh1eq6uz9m
    @user-xh1eq6uz9m 2 года назад

    thx!!

  • @Opportunity631
    @Opportunity631 2 года назад

    Jacob, is there is any way to move sidebar partially? Thanks in advance!

  • @arunkumar2786
    @arunkumar2786 3 года назад

    nice play list bro

  • @anthonymontero3101
    @anthonymontero3101 3 года назад

    Hello Jacob Thank you very much for sharing your knowledge. Excellent playlist. It helped me a lot. Greetings from venezuela

  • @Zoyabchaudhary
    @Zoyabchaudhary 3 года назад

    Keep it up 👍

  • @Waraji258
    @Waraji258 3 года назад

    Awesome Playlist! Looking foward for more!!

  • @vi1818
    @vi1818 3 года назад

    This gives me the following warning : findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Do you know how to solve it?

    • @IzeCubz
      @IzeCubz 3 года назад

      Hey I don't know if you'll see this but this tutorial is a bit outdated as the "Transition.js" he provides in his code is already part of a better library you can install with npm, just do npm install @headlessui/react and import transition in your project file. This should solve any issues you are having if it is caused by Transition.

  • @erantona
    @erantona 3 года назад

    Link??

  • @erantona
    @erantona 3 года назад

    Stupid

  • @TheNydeon1
    @TheNydeon1 3 года назад

    Hey thanks for the great playlist ! Works like a charm.

  • @A7ka7
    @A7ka7 3 года назад

    thx for sharing

  • @kevs3654
    @kevs3654 3 года назад

    Thanks ! :D Please add more videos for different components :) just a little creepy on 1:31 haha

  • @rahulleafvillege
    @rahulleafvillege 3 года назад

    Thank you so much sir I had achieved it using events and managing tabindex value but this is great solution thanks alot

  • @salmon.hanif9000
    @salmon.hanif9000 3 года назад

    Adding the backdrop transistion, my background gets all black with opactiy of 100%. Is there a bug ?

  • @dskjadiwdjiwaejke
    @dskjadiwdjiwaejke 3 года назад

    Great content Jacob, thanks for sharing! You used a great approach to handle accessibility and tab browsing, and I will use that in my future projects. Btw, which font is that?

    • @jacobparis7715
      @jacobparis7715 3 года назад

      I appreciate that! This is the excellent Comic Code Ligatures

    • @aadams99
      @aadams99 3 года назад

      @@jacobparis7715 Is this "Regular", "Medium" or what? Don't want to buy the entire pack for $100 www.myfonts.com/fonts/tabular-type-foundry/comic-code-ligatures?tab=individualStyles