はてなブックマーク

Chris Heilmann recently posted on how to use YQL to make cross-domain requests, which would usually be prohibited due to the same-domain-policy. I already knew about YQL, but I had no idea that it allowed retrieval of HTML from other sites, via JSON, returned as a single string! Instead of asking for JSON format, ask for XML, but also add a callback parameter to your query. Voila! So, in short, YQ

By James Padolsey Intro Demo JavaScript CSS Docs [this page] Last updated 10th February, 2009. Intro: This jQuery plugin will allow you to animate any element to styles specified in your stylesheet. All you have to do is pass a selector and the plugin will look for that selector in your StyleSheet and will then apply it as an animation. The example below uses the plugin to animate the links to the

I hate the DOM! The API sucks! Don’t you agree? Regardless, we should definitely take advantage of what we’ve been given. So, if something is built into the DOM it would be silly not to use it, right? Well, that’s what I believe and that’s why I think it’s okay to parse URLs via this API instead of trying to accomplish it in a language-agnostic manner (using a tonne of expensive string operations)

I was going to do a bit of a series, releasing a jQuery tip every day or week or something, but I think I’m a little too lazy to commit to something like that. So I’ve compiled them all into one post! I’ll probably add to the list at later dates so make sure to bookmark it! Do you have a tip nobody knows about? – Add it in the comments… $.fn is just a shortcut to jQuery.prototype. You can test if

2024 Status: In the past I worked at companies like Stripe, Facebook and Twitter (cv). I am now focusing more of my work towards projects that use Generative AI: building proofs-of-concept, doing independent research, and working with organizations who are either ready to implement or cautiously exploring applications in this new landscape. Contact me here if you want a consultation. The recent pa

The 'imgPreview' plugin allows your users to preview an image before clicking on it and, out of necessity, will preload the image so when a user does click through to it there is no waiting time! The image preview shows up in a tooltip-like box appearing alongside the user's cursor when hovering over a link. The plugin is entirely unobtrusive; it does not require any hooks to target specific links

Here’s a very tiny jQuery plugin which makes it possible to delay a jQuery animation (or any function) for any amount of time. When you call one animation after another jQuery automatically queues them up and then executes them in order. This plugin inserts a pseudo-animation into that queue resulting in what seems like a delay. This post has been updated since it’s original publication. The Code:

This post was originally going to be a discussion of the various design patterns used when creating jQuery plugins but while making an example for that very post I got a bit too engrossed in what was only meant to be an example… So, here is a new jQuery plugin, it’s called "Fly Off Page". It will take selected elements and make them fly (not literally) off the page in a random or pre-defined direc

I’m sure you all know that it’s possible to create plugins and extend various aspects of the jQuery JavaScript library but did you know you could also extend the capabilities of it’s selector engine? Well, you can! For example, you might want to add a new ‘:inline’ selector which will return those elements that are displayed inline. Have a look: $.extend($.expr[':'],{ inline: function(a) { return