Skip to content

franklington/ember-blur-up

 
 

Repository files navigation

Ember Blur Up Build Status

Sexy progressive loading for large background images in your Ember app!

Preview

Demo

Why?

Making the user wait for a large image to download is a bad user experience. Read more about this problem on Facebook's blog.

Installation

ember install ember-blur-up

Usage

Just drop the {{blur-up}}-component wherever you need a large background-image.

The component requires 2 arguments to work:

  • url: The URL to the original full-size image;
  • base64: A base64-string of a tiny (max 100x100px) version of the same image (make sure it has the same aspect ratio as the original).

About

Sexy progressive loading for large background images

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 76.8%
  • HTML 15.8%
  • CSS 7.4%