On a recent project, I traveled to the depths of hell and came out alive. Here’s how it went down… The initial task wasn’t all that unique or difficult. We were to add a few videos (most hosted on YouTube, with a couple self-hosted) that would open in a lightbox-style popup when the thumbnails were [...]
Tags: flash, ie6, javascript, mootools, multibox
How many times have you used float:left to make a bunch of elements align horizontally? Usually this technique is used on lists (of both the ul and ol persuasion) and generally works just fine under a few preconditions. The first precondition is that you are comfortable using some form of a clear-fix hack. Either you [...]
Tags: css, inline-block, layout
Imagine if you will, a page with a significant amount of dynamic page elements. For instance, a slide-out panel containing a number of ‘panes’ containing topical information on various ‘factors’. Let’s assume that once this slide-out is open, we wish the user to be able to jump from factor to factor (similar to a slideshow) [...]
Tags: google-analytics, html5, javascript, jquery, mootools
The Introduction I’m a big fan of OpenID. I like the fact that my online (public) identity is associated with a URL that I own. This affords quite a few benefits, such as associating my public profile at various networks with one another. Even better, OpenID supports the delegation of identifiers to OpenID Providers. This [...]
Tags: openid
@ikeif recently tweeted a request for some JavaScript best practices. Rather than simply reply to him, I thought I’d post them here and beat him to the blog-post-punch. I’m not going to expand much on any of these, although any discussion that arises will likely spawn its own post. These are in no particular order [...]
Tags: javascript
Why start with a blank slate? After years of web development and hundreds of sites, starting from scratch on each project really turns into a buzz kill. Nobody wants to spend time rehashing the same issues from site to site. So many of us have turned to CSS Resets. As we all know, CSS Resets [...]
Tags: css
I was recently on a project that called for a translucent background color over a an image similar to this: http://www.flickr.com/photos/yeowatzup/ / CC BY 2.0 Of course, being the conscientious web developers we are, we want to be as semantic as possible with our markup. This means that text should be marked up as text [...]
As a result of some of the discussion following from my post on my new jQuery plugin, jQuery.Firebug I’m soliciting feedback for its desired behavior. Example: $(‘.setA’).log(); $(‘.setB’).log(“some”, “information”); $(‘.setC’).log(“title attribute is: “, “.attr(‘title’)”); Some explanation. The log method follows the same rules as the Firebug console.log method. It can take 0 or more arguments [...]
Tags: debugging, firebug, javascript, jquery
I’m a big fan of Gmail and Google Reader. I generally leave these tabs (along with Google Calendar) open all day long. To minimize the amount of visual space these long-lived tabs consume in the tab bar, I use the great FaviconizeTab extension. However, with these tabs minified, you lose the ability to be notified [...]
Tags: firefox, stylish, userstyles
I’m a big fan of Gmail and I’m a big fan of S/MIME for securing your email. Unfortunately, the current state of S/MIME on web-based email is currently quite sad. There is a Firefox extension which allows you to send signed/encrypted messages from Gmail by Richard Jones and Sean Leonard. (called Gmail S/MIME, surprisingly enough) [...]
Tags: firefox, smime, stylish, userstyles
