Filter Gallery using HTML5, Bootstrap and jQuery

I recently revamped my personal website after a long time. I implemented a projects section which had a filter gallery based on the category of the project. It felt important to make such an interface as it targets those people who want to see a specific section of your work based on a technical category like web development, data analysis etc.

This filter interface allows you to:

  1. Serve instant filtering of your work and save the other person’s time who came to your website.
  2. Keep your portfolio of work organized.

I have explained the JavaScript(jQuery) code through comments below which will help you understand how simple it is to make a similar one for your needs. You can see a live demo of the below code here and see the full code including HTML5(Bootstrap) page here.

Hope it helps. Thanks for reading.

Leave a Reply

%d bloggers like this: