Over the past year, we’ve seen website toolbar’s become an increasingly popular way for site-owners to offer users a consistent set of powerful social features, regardless of what page they’re on – Share, Subscribe, Tweet, Talk – you name it and chances are there’s a toolbar out there that offers some variation of these features. Facebook were one of the first companies to introduce this toolbar concept and have been the source of inspiration for many others.
Taking a leaf from their book, companies like Wibiya and Meebo have been at the forefront of a toolbar-for-the masses revolution, offering easily customizable widgets for almost anyone to install on their pages. Larger companies have also been hopping onto the toolbar-band too, with sites like CNET.com embracing this concept as a way to offer their visitors more ways to interact with their site.
In today’s post, I’m going to show you how to create your very own jQuery-powered website toolbar and then we’re going to pack it full of lots of useful widget features such as those found in the Wibiya-toolbar – I call it jQuery Fubar.
[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">
-
jQuery is one of the most widely adopted javascript frameworks in the wild with millions of developers around the World using it daily in their projects. As a result of it’s growth, developers have been able to let their imagination run wild when it comes to designing exciting new interfaces that are both rich, exciting and intuitive.
In this post I’m going to share the top 22 pages using jQuery that I felt deserved a mention – you’ll everything from fun but humble new ways to offer your users a Captcha to a completely javascript based Robot animation. Heard about the Google API but haven’t had the chance to play around with it yet?
[More]
Recently Discussed