Hi there, jQuery 1.5.
function showDiv(){     return $.Deferred(function( dfd ){        $('#foo').fadeIn( 1000, dfd.resolve );    }).promise();}
You just rocked my world with your Deferred objects, jQuery. You say you’ll let me chain deferred objects and chain callbacks and remember the resolved states of things regardless of when I attach said callbacks? Well well, you are too kind.

Hi there, jQuery 1.5.

function showDiv(){
    return $.Deferred(function( dfd ){
        $('#foo').fadeIn( 1000, dfd.resolve );
    }).promise();
}

You just rocked my world with your Deferred objects, jQuery. You say you’ll let me chain deferred objects and chain callbacks and remember the resolved states of things regardless of when I attach said callbacks? Well well, you are too kind.



» jQuery Text Change Event.

As part of my responabilities to occasionally blog about web design, I bring you this awesome jQuery extension written by ZURB.  Instead of worrying about keyup, keydown, copy and paste, and all the possible one off keyCodes, this extension provides a simple ‘textchange’ event.  

Examples on the site include a Twitter system and a Companion Cube detector.


gameQuery.
Built out of jQuery, gameQuery aims to make game development easier without the dependencies of Flash or executables.  Features include multi-layer sprite animation, collision detection, and swappable sound, among others.  It might be a while off, but browsers are getting better at rendering Javascript with each milestone.  I had no trouble rendering any of the demos, and it was quite impressive.
BTW, if you are looking to develop similar games in Flash, I strongly recommend Flixel, the Actionscript gaming extension.

gameQuery.

Built out of jQuery, gameQuery aims to make game development easier without the dependencies of Flash or executables.  Features include multi-layer sprite animation, collision detection, and swappable sound, among others.  It might be a while off, but browsers are getting better at rendering Javascript with each milestone.  I had no trouble rendering any of the demos, and it was quite impressive.

BTW, if you are looking to develop similar games in Flash, I strongly recommend Flixel, the Actionscript gaming extension.


Switching My Blog To jQuery.
Nerd alert. I finally got around to switching my blog to jQuery 1.4.1 (over Prototype).  I installed the basic jQuery UI, but opted out of the themes and widgets.  This will hopefully speed up development as I alter the functionality of my blog.  My end goal is to improve user experience through untapped navigation techniques, AJAX, and integration with the Tumblr API.
However, starting small, the first thing I used jQuery for was to upgrade my pagination such that the opacity and size of each page is relative to the current page a reader is on.  More mundane updates to come!
I’d now like to take a moment to rant on a continuing issue I have with Tumblr themes.  Most of your paginations are horrible.  Themes continue to provide 10pt arrows for navigation, in a faded color, in awkward places on the page.  Some themes don’t even provide a home button.  It’s like you want to punish people who view your site from actually navigating it.  Stop it!

Switching My Blog To jQuery.

Nerd alert. I finally got around to switching my blog to jQuery 1.4.1 (over Prototype).  I installed the basic jQuery UI, but opted out of the themes and widgets.  This will hopefully speed up development as I alter the functionality of my blog.  My end goal is to improve user experience through untapped navigation techniques, AJAX, and integration with the Tumblr API.

However, starting small, the first thing I used jQuery for was to upgrade my pagination such that the opacity and size of each page is relative to the current page a reader is on.  More mundane updates to come!

I’d now like to take a moment to rant on a continuing issue I have with Tumblr themes.  Most of your paginations are horrible.  Themes continue to provide 10pt arrows for navigation, in a faded color, in awkward places on the page.  Some themes don’t even provide a home button.  It’s like you want to punish people who view your site from actually navigating it.  Stop it!


A Design Solution: Load More Posts

Earlier today, I ranted about my love/hate relationship with automagically loading more posts when viewing a feed on Tumblr, Facebook, etc; and the pain it brings of not reserving history or content using the ‘back’ button. Apparently, I was not alone in my woes.

Jason Long of The Strake offers an elegant, simple solution using Makage’s jQuery History plugin.  In essence, jQuery updates the hash code every time AJAX loads new posts. When you leave the page to review a post, and go ‘back’, your history has been updated, and Tumblr’s servers know where you were in your feeds, so they can load data back instantly.

So, to the Tumblr Staff, I know you have the brights and skills to pull this off.  Let’s see this solution in place, and we can smoke out Facebook and Slashdot for being behind the times.

Read Jason’s full solution suggestion on The Strake!


» jQuery 1.4 IS OUT!

It’s everything you love about jQuery but faster and better.  New methods, tweeks to old methods, insane performance boosts, better browser compatibility.  Rejoice, bitches!


jQuery: Prevent Tabbing Unless In Form

Sometimes, tabbing can cause unwanted behavior, like the scrolling of elements that you wish to remain hidden. It took me a while to figure out, but I basically needed to prevent any sort of tabbing unless it was in a form.

// Prevent tabbing, unless in form
$(function() {
$(window).keydown(function(event) {
if (event.which == 9) {
var inForm = $(':focus').parents('form');
if (inForm.length == 0) {
event.preventDefault();
event.preventCapture();
event.preventBubbling();
}
}
});
});



portrait
librarysciencesbrittanyforksstrletransascendantfuckyeahillustrativeartnprjhnbrssndndecoderingvectorbellygabcollabearlhofertcaitlinnntopherchristheodorekazinskiaustinkleonmistercakesphotoadventuresalittlespacethisisthevergeneurosciencestuffjasonsmithtxbrookebutlervituperationsipaukkatiepennythekidshouldseethisfajitalaceymicalleferinabehindtheleveekumako365jpjoshuanguyenmicskillstanya77libertasacademicatxchnologistlindsayjodesignsstaffthatfrenchmanseanblrattentionlapsedsmarterplanetsainttacodavidinfoneer-pulsevalerinacamposantoblogvneckandacardiganpixelatedcrownearlybirdbisforpianoarchanadanisdappernirakmeagan-taylorcolormenaivekarlfuncncemattborsmillsinaboutrjbrittonwanderlustandtetherswiredmarkcoatneybitsharediythisisthelifeichosetabbooksmensweardogursa-artstephenlovellbeanatxseanoceanmarcgacyleehoarrdefcreationsaleksaevansdiscoverynewsamandalynferribrklynpewresearchsomethingsthatmakemehappylaceythereblogmachineomocatbenbrownsciencesoupuzlolzupicturesfrommycamerajakeandamireerriinnbbaaeerroverprocessedimagineblogtfailkateoplisheatherpatterndrawingarchitecturebendrawslifewnycradiolaburhajoskevinblogwellbryanbaitandswitchnepunicornpartyderekgsparthfionastaplesmilkshakeshameeaneickivsuperfishoberlinfarmlabpunchingtheclockaudsandendsphysicsphysicsrlbarkersamsketchalisketchjacobmobocracyneverstopdrawinglabarajadehalicarnasovixelslaboratoryequipmentmillsengineeringseagullvalkaykuskristensdailythechuckwagonrevivalonemorefortheroadsassywaterwinkybarflittlepotatogardensciencecezinhoortegoarchiphilesydvishhebertbabiesonehourpixelnoirjessvsneighborhoodr-austincesartgomprnotchsportssewermydailyconvofuckyeahdigitalpaintingbookstairsundercover-gingerjenmcnastytimhackbarthstaypositive