30 Pro jQuery Tips, Tricks and Strategies

Whether you’re a developer or a designer, a strong jQuery skillset is something you can’t afford to be without. Today, I’m going to show you 30 handy jQuery coding tricks that will help you make your scripts more robust, elegant and professional.

Getting Started

These tips and tricks all have one thing in common- they are all smashingly useful. With this stuff in your back pocket, you’ll be ready to go change the world, and even better, write jQuery like you know what you’re doing. It’s gonna be fun.

Click to Read

50 jQuery Tools for Awesome Websites

compleate-jquery

By now, everyone has heard of jQuery. It’s a framework that makes JavaScript development much easier, and has become massively popular for adding JavaScript functionality to websites.

In this post, we’ve picked out 50 of the best scripts we know of and talked about why they rock. They can help in just about any aspect of a website, so enjoy!

Click to Read

16 Cheat Sheets on 16 Essential Topics for Web Designers

banner

Cheat sheets has several benefits from saving you a lot of time to also helping you improve your skills and productivity in that cetrain task.

They provide a great and quick reference and also helps your learn faster by showing all the necessary information needed. There are documentations, but they can sometimes be a hassle.

It is pretty hard to remember everything and thankfully, there are cheat sheets. So, here are the list of some of the most essential cheat sheets every web developer and designer should have.

Click to Read

How to Create a Beautiful Dropdown Blogroll Without JavaScript

blogroll3

Dropdown menus are a great way of including a long list of links without cluttering up your page. The issue though is that they can be hard to style, but look quite ugly if you don’t. There isn’t a lot of flexibility with HTML’s <select> tags.

Well, why not do it with plain HTML instead?

In this post, I’m going to walk you through how I’ve set up the blogroll in our upcoming redesign. Load up the example page to see how our final product will look.

Click to Read

How To: AJAX Post Pagination in MooTools

Post Pagination

Ever wanted to browse through the older post archives only to be staring at the screen for ages in frustration while the content slowly loads up? A quick fix would be to make use of AJAX to load the post archives. In this tutorial, I will show you how to do that using the ever popular JavaScript framework; MooTools on a typical 2 column WordPress theme.

The code is quite easily digestible and with a little CSS tweaking, you could get it to work for your theme.

Click to Read

Design Review: eBusiness from Elegant Themes

elegant1

eBusiness is the latest theme release from Elegant Themes. We’re going to take a look at it, what it’s done well and what not so well, and what we can learn from it.

eBusiness comes in 3 color schemes and features quite a lot of JavaScript usage. Fire up the demo in a new tab as we look at the theme in more detail.

Click to Read

How to Create Dropdown Navbars for Your Subpages and Subcategories

milodropdown1

In this tutorial, you will see how to display your sub-categories in an animated dropdown, and how to create similar dropdowns for sub-pages as well. You’ll even be able to highlight the page your reader is currently on.

The code is written by milo, and you  can see a demo of it in use in one of her free WordPress themes; Nash (Check out the two nav menus in the black header).

The code is very easy to set up and you will have no trouble there. You will want to edit the CSS in the end to make it match your theme, but even for beginners, a little meddling will get you through.

Click to Read