<commit_before>Imadaem — JS Daemon for Responsive Images
=============

[Imadaem](http://imadaem.penibelst.de/) is a javascript daemon for responsive images built with [jQuery](http://jquery.com/) and [Timthumb](http://code.google.com/p/timthumb/).

[![Build Status](https://travis-ci.org/penibelst/imadaem.png?branch=master)](https://travis-ci.org/penibelst/imadaem)

Imadaem replaces the placeholder image by the dedicated size image on every significant browser window event: load, resize, rotate. The website _feels_ pretty fast. The visitor sees the low quality file nearly immediately and can start to interact with the site: scroll, zoom, etc. After the right resolution file is loaded, all the visitor maybe notices is the blurry image gets sharp.

The small overhead by loading two images instead of one is negligible. In return you get low latency user experience.

Visitors with no javascript still see everything as long as you provide sufficient placeholders.

## Reason

Read what wise men think about the technique Imadaem provides:

* _[Introducing LQIP — Low Quality Image Placeholders](http://www.guypo.com/feo/introducing-lqip-low-quality-image-placeholders/)_ by <NAME>, Chief Product Architect at Akamai
* _[I ♥ Image Bytes](http://www.stevesouders.com/blog/2013/04/26/i/)_ by Steve Souders, Head Performance Engineer at Google
* _[Cheating or Good Design?](http://www.usabilitypost.com/2012/05/31/cheating-or-good-design/)_ by <NAME>, Creator of Usaura

## Examples

Visit one of following sites, resize your browser’s window and see what happens to images.

* My [personal website](http://penibelst.de/). My portrait’s height follows the header’s height. The portrait’s aspect ratio is limited to 2.
* _[Geisterstunden](http://geisterstunden.com/)_ — graffiti illustrated stories in German. All images are ratio-driven. The website is hosted on a cheap 1&1 hosting.

## Setup

You can make things run in 15 minutes.

### Dependencies
<commit_msg>Add link to readme title<commit_after>[Imadaem](http://imadaem.penibelst.de/)
=============

[![Build Status](https://travis-ci.org/penibelst/imadaem.png?branch=master)](https://travis-ci.org/penibelst/imadaem)

Imadaem is a javascript daemon for responsive images built with [jQuery](http://jquery.com/) and [Timthumb](http://code.google.com/p/timthumb/).

Imadaem replaces the placeholder image by the dedicated size image on every significant browser window event: load, resize, rotate. The website _feels_ pretty fast. The visitor sees the low quality file nearly immediately and can start to interact with the site: scroll, zoom, etc. After the right resolution file is loaded, all the visitor maybe notices is the blurry image gets sharp.

The small overhead by loading two images instead of one is negligible. In return you get low latency user experience.

Visitors with no javascript still see everything as long as you provide sufficient placeholders.

## Reason

Read what wise men think about the technique Imadaem provides:

* _[Introducing LQIP — Low Quality Image Placeholders](http://www.guypo.com/feo/introducing-lqip-low-quality-image-placeholders/)_ by <NAME>, Chief Product Architect at Akamai
* _[I ♥ Image Bytes](http://www.stevesouders.com/blog/2013/04/26/i/)_ by <NAME>, Head Performance Engineer at Google
* _[Cheating or Good Design?](http://www.usabilitypost.com/2012/05/31/cheating-or-good-design/)_ by <NAME>, Creator of Usaura

## Examples

Visit one of following sites, resize your browser’s window and see what happens to images.

* My [personal website](http://penibelst.de/). My portrait’s height follows the header’s height. The portrait’s aspect ratio is limited to 2.
* _[Geisterstunden](http://geisterstunden.com/)_ — graffiti illustrated stories in German. All images are ratio-driven. The website is hosted on a cheap 1&1 hosting.

## Setup

You can make things run in 15 minutes.

### Dependencies

{'fraction_non_alphanumeric': 0.10107471852610031, 'fraction_numerical': 0.010747185261003071, 'mean_word_length': 4.765486725663717, 'pattern_counts': {'":': 0, '<': 8, '<?xml version=': 0, '>': 8, 'https://': 4, 'lorem ipsum': 0, 'www.': 6, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5674808', 'n_tokens_mistral': 1173, 'n_tokens_neox': 1094, 'n_words': 453}