progressive-image-loading

KO | EN

gitlite — search

#javascript #php #java #dotfiles #python #golang #hacktoberfest #alfred-workflow #r #rails #html #arduino

progressive-image-loading

★ 49 Open GitHub ↗

A live example of progressive image loading strategies

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Progressive Image Loading

## What this repository is for?

A small example of the how to apply progressive image loading and some strategies currently used on web apps for that.  
Original post on Medium: [Progressive Image Loading and IntersectionObserver](https://medium.com/front-end-weekly/progressive-image-loading-and-intersectionobserver-d0359b5d90cd)  
Check it here: [progressive-image-loading.surge.sh](https://progressive-image-loading.surge.sh)

### Dependency

This project depends in a GO lib, called [primitive](https://github.com/fogleman/primitive).
Before running the `yarn pre-build` you need to install `primitive`.

### Setup

First run `yarn install` to install the dependencies and then, run `yarn pre-build` to generate the image placeholders and 
finnally `yarn start` to run the webpack-dev-server.

### Credits

[Ramphastos toco TOCO TOUCAN](https://flic.kr/p/Vn4qa3) by Dr. Nasser Halaweh - Picture under creative commons license

### License

This project is under the MIT license

progressive-image-loading

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README