Quick Tip: How to Write a Neat FlipNav Script

Somehow, I inadvertently started a navigation series over the last few weeks. It’s purely coincidence, mostly spawned by emails and such. This week, we’re going to mimic the neat navigation functionality, found on JohnMayer.com. Simply mouse over one of the navigation items to see the effect. However, we’re going to make it a bit more …


Quick Tip: Cross Domain AJAX Request with YQL and jQuery

For security reasons, we cannot make cross-domain AJAX requests with jQuery. For example, I can’t call the load() method, and pass in ‘cnn.com’. As we’d be loading in scripts and such, as well as our desired content, this would present a significant security risk. Nonetheless, there may be times when this is specifically what you …


Winners Announced: Introducing CodeCanyon Competition

For the entire month of February, developers were encouraged to submit their best scripts and components to CodeCanyon. With over $6200 worth of prizes to win, it was a battle full of many top level items. However, the competition has since concluded, and after two weeks of deliberating, the reviewers and I have been our …


IE9 May Actually Be a Fantastic Browser

Today, as part of MIX 2010, some exciting updates were released on the progress of Internet Explorer 9. The IE team is implementing some incredible features, such as HTML5, CSS3, SVG, and addEventListener support! Further, they’re currently scoring a 55 on the Acid3 test – a figure that’s surely to increase substantially before the official …


How to Build a Lava-Lamp Style Navigation Menu

A couple weeks ago, I created a screencast that demonstrated how to build a three-level navigation menu. In a response email, one of our readers requested a tutorial on how to build a lava-lamp style menu. Luckily, it’s quite a simple task, especially when using a JavaScript library. We’ll build one from scratch today.


Quick Tip: HTML5 Video with a Fallback to Flash

In this video quick tip, we’ll review how to work with HTML 5 video in your own projects. Because older browsers and Internet Explorer do not understand the <video> element, we must also find a way to serve a Flash file to viewers who are utilizing those browsers.

Unfortunately, much like HTML 5 …


New Premium Series: Tumblr Theme Design – Start to Finish

Tumblr’s popularity over the last year has increased exponentially. The reason why is quite simple: Tumblr is flexible, powerful, and, most importantly, a pleasure to work with. Unfortunately, there aren’t many training resources available for the platform yet. In this video series, we’ll go through the process of taking a Tumblr theme, designed in …


Quick Tip: The Difference Between Live() and Delegate()

In jQuery 1.3, the team introduced the live() method, which allows us to bind event handlers to elements on the page, as well as any that might be created in the future dynamically. Though not perfect, it definitely proved to be helpful. Most notably, live() bubbles all the way up, and attaches the handler to …


Quick Tip: My Favorite New IDE: WebStorm

Over the weekend, Elijah Manor tweeted about a new IDE, called WebStorm, that is currently being offered as a public preview, from JetBrains. After spending a few hours with it, I’m extremely impressed! In this video quick tip, I thought I’d show you some of my favorite features that you, frankly, just don’t see much …


Quick Tip: The HTML 5 Audio Element

Quick Tip: The HTML 5 Audio Element