Responsive Portfolio Filter Gallery using HTML CSS & Javascript | Filterable Image Gallery

Поділитися
Вставка
  • Опубліковано 8 лис 2024

КОМЕНТАРІ • 75

  • @prakharsoni6406
    @prakharsoni6406 3 роки тому +10

    Only one thing - I wonder how your designs are getting so amazing. Really nice!

  • @nhinguyen9270
    @nhinguyen9270 2 роки тому +1

    I followed your tutorial and it works.Thanks a lot.

  • @carlosgomez7002
    @carlosgomez7002 3 роки тому +4

    Estoy aprendiendo más de JS con tus vídeos que con otros cursos. Gracias sinceras

  • @brunoaraujo62
    @brunoaraujo62 Рік тому

    thanks bro! I was struggling with my code untill I test yours! you saved me! Hugs.

  • @vojtis127
    @vojtis127 2 роки тому +2

    What should I do when i want to have more options of data-filter in one div in data-item, example: (data-item="mobile watch") ?

  • @yashrajprashad8603
    @yashrajprashad8603 3 роки тому +1

    thanks bro you solve my problem

  • @greenboy7807
    @greenboy7807 3 роки тому

    why do i like your videos before watching

  • @huzaifaasim017
    @huzaifaasim017 3 роки тому +6

    GOOD WORK

  • @TheDkproduction1
    @TheDkproduction1 3 роки тому +2

    This was the thing i was looking for! Thanks brother for sharing such an amazing vid!

  • @akashkhan-il5zx
    @akashkhan-il5zx 3 роки тому

    seriously amazing working performance

  • @ishan5785
    @ishan5785 3 роки тому +4

    Nice design bro

  • @shubhamkohli7719
    @shubhamkohli7719 3 роки тому +2

    Please make more animation web pages & css stylings

  • @MrWebDesignerAnas
    @MrWebDesignerAnas 3 роки тому +1

    only true fans know that he upload the same design video again
    but instead of jquery he used javascript

    • @OnlineTutorialsYT
      @OnlineTutorialsYT  3 роки тому

      Its JavaScript version.... previous one was using jQuery

  • @sunetala2957
    @sunetala2957 3 роки тому

    Thank You so much!. i'm from VietNam.

  • @ONE1x
    @ONE1x 2 роки тому +1

    is there a way to make the variable "data-item" uses 2 values? I mean, an image has the 'shoe' and 'watch' atributes, for example

  • @ikrombekurazaliyev5648
    @ikrombekurazaliyev5648 3 роки тому +3

    Hi. Nice design

  • @aogunnaike
    @aogunnaike 3 роки тому +3

    Nice one bro

  • @mounir101
    @mounir101 3 роки тому +1

    Thank you so much. bro. I really like you work, pretty awesome work.

  • @3dgeneration483
    @3dgeneration483 3 роки тому +2

    Hello brother,
    I wanted to know how are getting those live previews without refreshing again. It would be nice if you share with us.
    Thank you, your work is amazing.

  • @shuhratabdurahmonov7783
    @shuhratabdurahmonov7783 3 роки тому +2

    Bravo bro, thank you

  • @CricketHighlights-nt7nn
    @CricketHighlights-nt7nn 2 роки тому

    top classs......niceee

  • @soielumsay
    @soielumsay 11 місяців тому

    Ótimo tutorial, muito obrigada amigo

  • @designsstation6841
    @designsstation6841 3 роки тому

    Eid mubarak

  • @Kamila228
    @Kamila228 2 роки тому +1

    спасибо тебе большое! теперь я могу решить множество проблем и сократит код

  • @ant7lop
    @ant7lop Рік тому

    thanks good tutorial, can you tell me how to remove the "ALL" tab and show only "Mobile" tab with its pictures? thank you

  • @DaeJang
    @DaeJang Рік тому

    thanks

  • @federicacrasto9815
    @federicacrasto9815 2 роки тому +1

    Hello, you are always good. I wanted to ask you if you can make a tutorial for a multiple isotope filter: by category and by customer. thank you very much!

  • @KUNALSINGH-zk8su
    @KUNALSINGH-zk8su Рік тому

    Thanks a lottt :)

  • @wahidurrahman77
    @wahidurrahman77 3 роки тому +2

    Need little feature animate ?? how to animate this filter without animate look not good ??

  • @oktoniuszevanyasimanungkal9554
    @oktoniuszevanyasimanungkal9554 2 роки тому

    thank you for the tutorial!

  • @hindimovies5810
    @hindimovies5810 3 роки тому +3

    Please make Tutorial For Birthday Card Design it's Request my brother's bday is near

    • @hindimovies5810
      @hindimovies5810 3 роки тому

      @Ashish Kumar 18th May and he is only 2 year old ❤️

  • @myfitnessjourney1
    @myfitnessjourney1 3 роки тому +1

    Please make gallery with popup effect

  • @BalachandranSumathiB
    @BalachandranSumathiB 3 роки тому +1

    Thank you so much 💗

  • @EduartSantamaria
    @EduartSantamaria 2 роки тому

    That's great!

  • @adrianmarza4770
    @adrianmarza4770 2 роки тому

    Good Stuff

  • @aldrinbright
    @aldrinbright 2 роки тому

    Without jQuery can we add animations to it? while hiding and showing the pics on filter?

  • @shuhratabdurahmonov7783
    @shuhratabdurahmonov7783 3 роки тому +1

    Bro can you make video player?

  • @knowledge5608
    @knowledge5608 3 роки тому +3

    Why don't you make it so that there are html cards that we can sort that will give it a lot more meaning

  • @jesusdominguez_2004
    @jesusdominguez_2004 3 роки тому

    So cool

  • @mahendra-uv6og
    @mahendra-uv6og 3 роки тому

    I loved it

  • @fitriyantopp7030
    @fitriyantopp7030 3 роки тому

    Amazing

  • @take-aim1815
    @take-aim1815 2 роки тому

    how should i make 1 data-item come into 2 or more data-filters like in mobile it shows mobile and in camera also it should show mobile??

  • @ayabc4320
    @ayabc4320 3 роки тому

    Awesome!

  • @thaof1898
    @thaof1898 2 роки тому

    hello sir, but how can we make it smoother like the video using jquery???

  • @marcovincenzo5957
    @marcovincenzo5957 3 роки тому

    I love u thx

  • @ivanmikhailovich1963
    @ivanmikhailovich1963 3 роки тому

    Cool

  • @dx497
    @dx497 3 роки тому

    Bhaiya plz make a video on a nice and easy javascript animation lib like anime js

  • @shubhamsingh9855
    @shubhamsingh9855 3 роки тому +1

    how to make the photo shuffle while selecting catagory

    • @OnlineTutorialsYT
      @OnlineTutorialsYT  3 роки тому +1

      Watch This: ua-cam.com/video/ZjrqnxDEkzA/v-deo.html

    • @shubhamsingh9855
      @shubhamsingh9855 3 роки тому +1

      @@OnlineTutorialsYT ty it helps a lot u r amazing

    • @skygrace8459
      @skygrace8459 2 роки тому

      Try to play with css transition and animation

  • @ashiskanu7101
    @ashiskanu7101 3 роки тому

    'this' reffer to what in this case ??

  • @sadiazubair3661
    @sadiazubair3661 3 роки тому

    sir plaese make music app on java and upload on pc

  • @mdmanik-xy7ui
    @mdmanik-xy7ui 3 роки тому

    It's from bootstrap

  • @alexcherepanov6152
    @alexcherepanov6152 3 роки тому +1

    hard skills script

  • @kazisadia2928
    @kazisadia2928 3 роки тому

    Is there any mistake? i write this code same to same but my filtering is not working. Please give hint so that I can fix this.

    • @Webcode4906
      @Webcode4906 2 роки тому +2

      Try using class name instead of query selector all

    • @kazisadia2928
      @kazisadia2928 2 роки тому +1

      @@Webcode4906 Thank you

    • @Webcode4906
      @Webcode4906 2 роки тому +1

      @@kazisadia2928 welcome

    • @adrienlemmel9606
      @adrienlemmel9606 2 роки тому

      @@Webcode4906 I'm having the same issue, but when i change it to className, the "active" function on the buttons stop working entirely

    • @Webcode4906
      @Webcode4906 2 роки тому

      @@adrienlemmel9606 .Did you write the same code?

  • @sunilkumaroffficial
    @sunilkumaroffficial 2 роки тому

    amazing