
Have you ever needed to paginate your data (blog posts, links, images or anything else) using jQuery but were a little unsure of just how to achieve the effect? In this post, I’m going to show you just how easy it can be. Let’s decide on a good example to demonstrate pagination. How about a simple commenting system?. Awesome..now lets begin.
Click here to read more »

This month saw over 300 people attend the latest jQuery Conference in Boston (photos available here). It’s been a huge year for the JavaScript Framework (so it’s no surprise the event was held at Microsoft Research). For anyone that missed it, you can check out (or download) all of the presentations from the Conference via SlideShare right below.
Click here to read more »
I’ve been looking at some of the cool new features being added to popular web browsers lately and I thought I’d talk about Web workers this week. Spawned from the Google Gears team’s WorkerPool Api [1], Web workers allow your web pages to run Javascript as a series background threads. Once you’ve created a worker you can communicate with them by simply posting messages to an event handler that’s been specified by the creating object. The real power behind Web workers is that you can perform certain tasks without interfering with the user interface at all – this means fewer pages "hanging" when you’re executing a ton of Ajax reqests through your UI as web worker threads are able to use XMLHttpRequest.
Click here to read more »

Hi guys. I’m making some more of my custom components available for download today. The Apple iTunes CoverFlow effect is one the nicest forms of visualizing albums and images that I’ve seen over the past few years and I’ve always wondered..could the effect be done using JavaScript and no Flash whatsoever?. The answer is yes and I’d like to share with you my new Pure JavaScript CoverFlow component (which doesn’t rely on jQuery, YUI or any other frameworks to work!
. Click here to read more »

Today I began work on a new UI for a client and I thought I’d share this neat Date-Time selection component that I think might be useful to some other developers. Rather than requiring you to go for separate Date or Time components, it’s got everything built into the interface quiet neatly. All you need to do to attach the component to a text field is setup a new datepicker (as shown in the example below). The component supports multiple instances and hopefully it’ll be as helpful to your projects as it was to mine. Btw, here’s the download.
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <!– core, slider, datepicker –>
- <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
- <script type="text/javascript" src="js/timepicker.js"></script>
-
- <script type="text/javascript">
- $(function() {
- $(‘#datetime’).datepicker({
- duration: ”,
- showTime: true,
- constrainInput: false,
- stepMinutes: 1,
- stepHours: 1,
- altTimeField: ”,
- time24h: false
- });
- });
- </script>
-
- <input type="text" name="datetime" id="datetime" value="01.06.2009 00:00">
-
Professional development is one of the key elements to improving your skills as a designer or developer. In this article I’m going to provide you some of the popular tips I’ve previously shared on Behance, Scribd, DeviantArt and my own blog, that’ll help you be the best. If you would like to download or print the article, you can get the 1-page PDF here or favourite it on Scribd here.
Click here to read more »
When you think about animation on the internet, chances are some of the first tools that come to mind are Flash, Microsoft’s Silverlight and maybe even Animated GIFs. It has only been in the past couple of years that JavaScript and the frameworks built around it have really matured into languages that neatly support basic animation primes like chained time delays, basic motion and simple special effects – so it’s never been a better time to start experimenting with what they can do!.
Click here to read more »