jQuery Tutorials

Create jQuery based pagination Part 2

In the previous tutorial on how to “Create jQuery base Pagination”, we were able to group elements and show them when their corresponding link (li) is clicked. However, the links were added manually. As I was developing a WordPress website for a client, it occurred to me that the links have to be added automatically. […]

chib | September 26, 2016 | → Continue

Create jQuery based pagination

This is a simple tutorial on how to create a jQuery based pagination with some animation. I encountered some issues while trying to implement WordPress’s own pagination on my blog,  so I had to come up with an alternative that doesn’t rely on WordPress’s loop to work. Let’s get started. Identify the repeating element. In […]

chib | July 28, 2014 | → Continue

Create a smart navigation menu with font-awesome icons

Planning on developing a navigation bar with icons? Thanks to font awesome, you don’t need images to get it done . You can achieve that with the truly awesome Font-Awesome and you can take it even further by making it smart with a little jQuery function. I’ll try to keep it as simple as possible. […]

chib | July 12, 2014 | → Continue

Control elements that contain images with jQuery

If the element that contains your image has fixed dimensions; it takes up a space that equals the dimensions given, even when it’s empty. You wouldn’t want empty elements or spaces to ruin that gorgeous design after all the hard work you’ve put in, would you?. Luckily for you, there’s a super simple jQuery method […]

chib | July 9, 2014 | → Continue

Create simple jQuery content switcher

When you have multiple articles on a single page that you do not want to display at the same time, you can create simple jQuery content switcher to help handle the situation. This can be done by stacking and displaying the content DIV’s one at a time with a little CSS, jQuery hide() and show() […]

chib | October 20, 2013 | → Continue