jQuery Unobtrusive Background Image Switcher

Since our MooTools class worked well on many projects we went ahead and rewritten it for jQuery (after all it’s a jQuery world out there).

The idea as well as functionality remains pretty much the same: we need to use as many (probably background) images as we want no matter how heavy they are, while minimizing their influence on load times.

Here are the basic requirements:

  • Only the first image has to be loaded, the rest must “wait for their turn” and load as needed.
  • The image has to be preloaded and only shown after the load is completed. We now use fade effect for every image including the first one.
  • Support for responsive full screen background feature without breaking the image’s proportions on any screen/window size.
  • It has to be lightweight and play well with other front end features.

So here is the jQuery version:

No need to pass the full screen option any more, for jQuery version of this plugin it is handled entirely by the CSS – again if you want the full screen feature to work, download the whole package and take a look at our bare bones style.css. The CSS part is based on Perfect Full Page Background Image / CSS-Only Technique #2 from css-tricks.

Images used in this demo are copyrighted and only intended for this demo.

Further information, usage and options: Continue reading

Google Mirror API

Welcome to the future of mobile development – Google rolls out the Mirror API for future Glass developers.

Glass is a unique platform that is mobile but fundamentally different than existing mobile platforms in both design and use. To develop great experiences and effectively test them, you need to have Glass and use it in your everyday life. This is why the Google Mirror API is in a Developer Preview and actual access to the API service will be rolled out slowly, starting with the Glass Explorers as they get their Glass.

In the meantime, start reading about the Google Mirror API and start dreaming about the next, great, mobile experience. We hope you are as excited as we are, and we can’t wait to see the great things you’ll build!

Sounds like fun, let’s hope they wouldn’t close it in a year like other not-so-lucky projects…