Hacker GitHub

← All repos

adamdbradley/foresight.js

View on GitHub ↗ ★ 2,223 JavaScript

DEPRECATED: Prior to recent developments with the picture element, Foresight.js gaves webpages the ability to tell if the user's device is capable of viewing high-resolution images before the image is requested from the server. Additionally, it judges if the user's device currently has a fast enough network connection for high-resolution images. Depending on device display and network connectivity, foresight.js will request the appropriate image for the webpage.

9 mentions on Hacker News by 6 people: 3 stories, 6 comments · first 2012-03-27 · latest 2014-06-23

Mentions per year 9 mentions · busiest year 2013 (5)
20082026
  1. Pilbox looks great. Added it to this list of such image resizing services: https://github.com/adamdbradley/foresight.js/wiki/Server-Resizing-Images Many, many implementations, and each goes about it differently. There's unfortunately no…
    comment by audionerd · 2013-08-29 · in Pilbox: an image resizing application server
  2. …want to measure is the user's network speed (which can be done with libraries like Foresight.js : https://github.com/adamdbradley/foresight.js ). Loading large images on a slow network isn't going to be good for performance. By using both…
    comment by russelluresti · 2013-05-31 · in Goodbye to Painful Image Loads on Small Devices
  3. If you're considering the DIY server-side image resize route, here's a good list of options: https://github.com/adamdbradley/foresight.js/wiki/Server-Resizing-Images ... and a comparison of benchmarks – ImageMagick vs. competitors like the…
  4. …all the current hi res solutions are somewhat hacky. I recently did a project with foresight.js ( https://github.com/adamdbradley/foresight.js ) I like how it tries to estimate the connection speed before serving up a 2x image.
    comment by boonedocks · 2013-01-07 · in Sucking at Retina
  5. This library solves it by using a bit of specially-crafted html: https://github.com/adamdbradley/foresight.js
    comment by ricardobeat · 2012-04-21 · in Retina.js: Retina graphics for your website
  6. …since it takes the perceived connection speed into account when deciding to serve up 2x images. https://github.com/adamdbradley/foresight.js
    comment by boonedocks · 2012-04-20 · in Retina.js: Retina graphics for your website