Non-onload-blocking Async JS with require.js

Stoyan Stefanov at phpied.com explained how to do non-onload-blocking async JS. TL;DR: window.onload can now fire before your async script loads and we don't trigger the browser's loading indicators (except in Opera). I loved the method; but thought we could take it a bit further. I…

How to move your Windows 7's User directory to your data drive

Use this at your own risk. If you try this and you break your system, I am not responsible. :-) I recently built a new computer and opted for an 120GB SSD for Windows 7 Pro and programs with a separate 1TB HDD for data. After installing the OS…

iPhone-Style Checkbox Using Only CSS (No Images!)

This is just a proof-of-concept and quite is fragile and hacky. For this reason, I won't be explaining any of the techniques or even providing the code snippets for you. You can always fork the fiddle to play with it. Some of the awful things I've done: I'm using psuedo…

How to Setup jQuery.ready Callbacks Before jQuery is Loaded

We all know that "best practice" states that we should place all of our external javascript files at the end of the document body. And generally, we'd like to put all of our own scripts into a /js/scripts.js file and place it right after jQuery (and our…

IE9 - IE10pp4 CSS Hack

My GoogleFu turned up nothing today when searching for IE9 only CSS hacks. After a couple hours of searching, and combining the hacks found in Paul Irish's excellent post about Browser CSS Hacks I gave up. I just moved on. I settled for that 1px difference between every…

Installing Page Speed in Firefox 4.0.1

You may be getting an error message when trying to install Page Speed in Firefox 4.0.1. "Page Speed could not be installed because it is not compatible with Firefox 4.0.1." They lie. It is compatible. To force it to install on your system you just need…

Applying Gaussian Blur to HTML elements with CSS

UPDATE (05 January 2012): Christian "Schepp" Schaefer has an excellent article on implementing cross-browser blur with CSS, filters, and SVG titled Effects for the Web. Check it out! UPDATE (21 April 2011): The the w3's editor's draft for filter effects is getting lots of attention lately - the main focus…