Catch404 – A jQuery And CSS3 Modal Plugin For Handling Broken Links Elegantly


Delicous: 0

 

Hey guys. I’ve got a brand new jQuery plugin for you today. Let’s talk about the problem we’re going to be solving with it first: Broken links and 404 Errors are a problem that have plagued almost all websites since the dawn of the internet – they’re just a really bad user experience and we’ve all encountered them.

There’s nothing attractive about clicking a link hoping that it’ll take you to your destination only to find out that the page doesn’t exist. In most cases you’re left having to figure out what to do next – do you hit the back button? do you go googling the file to see if you can find it?. In some cases they can be a total show-stopper, so what can we do to change that?.

Today I’d like to present a new jQuery Plugin I wrote called Catch404. Through the magic of jQuery we’re going to catch 404 errors without your users even having to leave the page and then suggest some other options they’ve got using an inline jQuery Modal window. So, why it this useful and how does it work?.

Click here to read more »

jQuery Vs. JavaScript – The Masters Share Their Views On Vanilla JS


Delicous: 0

 

We’ve got a really great post for you today guys. We’re going to explore whether it’s fundamentally important for designers and developers to understand how to use vanilla JavaScript and not just it’s derivative frameworks and libraries such as jQuery and MooTools. You might be asking ‘why?’, but read on and you’ll find out!. Because this is a topic that can invoke passion on both sides of the debate, I’ve asked a few familiar names to join the discussion including David Walsh, Chris Coyier, Marco Kupier, Janko Javanovic and James Padolsey. All of these authors use jQuery regularly and are in a good position to advise on the pros and cons of knowing vanilla JS.
Click here to read more »

31 jQuery Snippets That Will Help Make You A JavaScript Pro


Delicous: 0

 Hey guys. Hopefully if you’re reading this you’ve discovered some of the true power jQuery has to offer and you’re now looking for ways to improve your JavaScript skills even further.

There was such a huge response to my last post on jQuery Snippets that I thought it only right to follow up with a fresh list that focuses on some of the more recent features introduced in jQuery 1.4.x. Because it’s always useful to have a second pair of eyes look over your code, I asked Paul Irish from the jQuery Team to take a look at all of today’s snippets and he’s included some useful optimizations to a few of the snippets which I’ve intregated.

Click here to read more »

Extending CSS with jQuery – A New Year’s Guide


Delicous: 0

 

 

page0

 

Preface: Chris Coyier, of CSS-Tricks fame, recently gave an excellent presentation on how to extend CSS using jQuery. I remember seeing this wonderful presentation floating around recently but hadn’t been aware of who the author was until now. I would like to apologize to every one of my readers, including Chris, for posting this article up without any reference to the slides author – my original online source didn’t include any mention of him (or any author for that matter) so I had rather foolishly gone ahead with the use of them without investing more time into researching who put them up. This revised version of the article gives full credit to Chris who is indeed the man that gave the original presentation and was kind enough to give his permission for his slides to be used. I and this article would like to thank him for being the main inspiration behind this topic.

 

Having viewed Chris’s presentation, I thought I’d write a post around it to help my readers see how jQuery helps us to extend CSS in ways that make our jobs a whole lot easier. I’ve always thought that jQuery was extraordinary framework – allowing both web developers and designers an easy way to harness the full visual capabilities of JavaScript. One of the nicest advantages of jQuery has been ability to extend CSS beyond what was previously capable with simple mark-up alone. In this post, I’m going to show you how to use jQuery to fix cross browser compatibility issues, solve some shortcomings with CSS, do things CSS just can’t do on it’s own and we’ll finally also go through some real-world problems that will be useful to both those new to the framework and those coders who’ve been using it for a while. I hope you find it helpful!.

 

Click here to read more »

11 Ways to Increase Your jQuery Performance


Delicous: 0

 

This post will give you 11 easy steps that are going to instantly improve your jQuery application’s performance. There isn’t anything that difficult in here and almost anyone can apply these methods to their project. If you’ve got a few extra tips you would like to share, please feel free to include them in the comments section. We’d love to hear from you!.

 

cheatsheet

Click here to read more »

Fronteers 2009 Conference – View and Download presentations from Day 1 and 2


Delicous: 0

 

fronteers

 

Fronteers 2009 is just about over now but as with the jQuery Conference from a few months ago, I thought it would be a great idea to put all of the conferences slides up for anyone that missed the conference. The TwitterVerse has been buzzing about how amazing Stephen Souders talk was and I have to agree these are definitely worth reading.. 

 

Click here to read more »