はてなブックマーク

You know the new Apple Retina MacBook Pro laptop? The one with the super-high resolution display? Well, I got one last week, and I spent all weekend updating my dotfiles to work with OS X 10.8 (Mountain Lion). And after a lot of wrangling with XCode, I finally managed to get everything working. Well, almost everything. While using Gyazo, I’ve encountered one particularly annoying “Retina” related

Recently, Miller Medeiros wrote a blog post called Node.js, Ant, Grunt and other build tools where he outlined some of his concerns about JavaScript build tools, focusing specifically on grunt, the task-based JavaScript build tool I’ve been developing. Instead of posting a super-long comment on his blog, I figured I’d respond to his comments here. Configuration over scripting Miller says: Descript

This working example, complete with fully commented code, illustrates one way in which this plugin can be used.

Multiple var statements in JavaScript, not superfluous I’m not sure where or when it happened, but at some point the JavaScript community decided that multiple, individual var statements were superfluous, instead opting for a single, combined var statement with a comma-separated list of variable declarations and assignments whenever possible. Just in case you don’t know what I mean, I’ll illustrat

What is QUnit? An easy-to-use JavaScript Unit Testing framework How easy? Very easy. test("some tests", function() { expect(3); ok(true, "passes because true is true"); equal("1", 1, "passes because '1' == 1"); strictEqual("1", 1, "fails because '1' !== 1"); }); Used and Maintained by the jQuery Project Thousands of tests. Why Unit Test? Does Your Code Work? Your code is more complex than you thin

In case you hadn’t noticed, I’m a bit of a stickler for terminology. So, after hearing the popular, yet misleading, JavaScript term “self-executing anonymous function” (or self-invoked anonymous function) one too many times, I’ve finally decided to organize my thoughts into an article. In addition to providing some very thorough information about how this pattern actually works, I’ve actually made

Ben Alman » jQuery hashchange event » Examples » hashchange event The hash, it's a-changin'... Project Home, Documentation, Source Your generous donation allows me to continue developing and updating my code! jQuery hashchange event enables very basic bookmarkable #hash history via a cross-browser window.onhashchange event. Click, and watch as the magic happens! Note that there is absolutely no Ja

This page contains a collection of minor jQuery plugins which are too small, too simple, or just not exciting enough to require individual pages. More will be added as I find the time… and the code! jQuery :attached, :detached selectors - Selectors that match elements currently attached to or detached from the DOM. jQuery each2 - If you’re going to use $(this) inside an .each loop, iterating over

The jQuery special events API is a fairly flexible system by which you can specify bind and unbind hooks as well as default actions for custom events. In using this API, you can create custom events that do more than just execute bound event handlers when triggered—these “special” events can modify the event object passed to event handlers, trigger other entirely different events, or execute compl

Some of the regular irc.freenode.net #jquery guys have come to the conclusion that John Resig, creator of jQuery, is the JavaScript world’s equivalent of Chuck Norris, so we came up with some ideas and decided to pay homage to him in a blog post. Note: he might actually be Chuck Norris, we’re not entirely sure. John Resig has never made a carousel plugin.. when he goes to the carnival, ALL the rid

About Me My name (as you may already have guessed) is Ben Alman, but most people call me by my nickname, “Cowboy.” I’m a thirty-something web developer living and working in the Boston area. I’m happily married to a wonderful woman and we have two very crazy, but very awesome ragdoll cats. Feel free to contact me if you have any questions or just want to say “Hi.” And if you want to send me a dona

jQuery throttle / debounce: Sometimes, less is more! jQuery throttle / debounce allows you to rate-limit your functions in multiple useful ways. Passing a delay and callback to $.throttle returns a new function that will execute no more than once every delay milliseconds. Passing a delay and callback to $.debounce returns a new function that will execute only once, coalescing multiple sequential c

jQuery outside events: Why trigger an event on something, when you can trigger it on everything else? With jQuery outside events you can bind to an event that will be triggered only when a specific “originating” event occurs outside the element in question. For example, you can click outside, double-click outside, mouse-over outside, focus outside (and over ten more default “outside” events). Also

This jQuery plugin enables very basic bookmarkable #hash history via a cross-browser HTML5 window.onhashchange event. While this functionality was initially tied to the jQuery BBQ plugin, the event.special window.onhashchange functionality has now been broken out into a separate plugin for users who want just the basic event & back button support, without all the extra awesomeness that BBQ provide

Simple PHP Proxy: JavaScript finally "gets" cross-domain! With Simple PHP Proxy, your JavaScript can access content in remote webpages, without cross-domain security limitations, even if it’s not available in JSONP format. Of course, you’ll need to install this PHP script on your server.. but that’s a small price to have to pay for this much awesomeness. Release v1.6 Download Source Follow the pro

A while back, Paul Irish turned me on to gyazo, a very small, very simple, very free app that allows you to very quickly share screen captures over the web. It works by first using the operating system’s own screen capture tools to snap an image of a region you specify, then it uploads that image to gyazo.com, opening it in your web browser. The URL is even copied to the clipboard afterwards. Perf

If you’ve tried out jQuery 1.4, you might have noticed that, among other things, the $.param method has seen some significant improvements. I’d like to take a few moments to explain how request params parsing works, and how things have changed in jQuery 1.4. If you really only want to read about what’s changed in jQuery 1.4, skip ahead to the so, what does all this have to do with jQuery 1.4? sect

jQuery BBQ leverages the HTML5 hashchange event to allow simple, yet powerful bookmarkable #hash history. In addition, jQuery BBQ provides a full .deparam() method, along with both hash state management, and fragment / query string parse and merge utility methods. This plugin and the jQuery urlInternal plugin supersede the URL Utils plugin. Release v1.2.1 Tested with jQuery 1.3.2, 1.4.1, 1.4.2 in

jQuery postMessage enables simple and easy window.postMessage communication in browsers that support it (FF3, Safari 4, IE8), while falling back to a document.location.hash communication method for all other browsers (IE6, IE7, Opera). With the addition of the window.postMessage method, JavaScript finally has a fantastic means for cross-domain frame communication. Unfortunately, this method isn’t

jQuery doTimeout takes the work out of delayed code execution, including interval and timeout management, polling loops and debouncing. In addition, it’s fully jQuery chainable! Generally, setTimeout is used in JavaScript to delay the execution of some code, which is fairly easy to do and doesn’t require much, if any additional code. Where it starts to get a little more complicated is when you wan