Update README.md

adamdbradley · adamdbradley · commit 94e278e1e5f9 · 2014-09-10T14:52:22.000-05:00
diff --git a/README.md b/README.md
@@ -1,9 +1,16 @@
-## Introduction
+## DEPRECATED:
+
+Foresight.js was originally introduced when the first iPad with Retina display was announced in 2012. It helped solve the problem of providing the optimal image for the device, with the goal to decrease image loading time, and to not waste bandwidth.
+
+Since then however, the [picture element](https://developers.google.com/web/fundamentals/media/images/images-in-markup#art-direction-in-responsive-images-with-picture) has been working its way through the [standards](http://www.w3.org/html/wg/drafts/html/master/embedded-content.html#the-picture-element) and is actively being [implemented](http://blog.chromium.org/2014/08/chrome-38-beta-new-primitives-for-next.html) by browsers. It's recommended to use [picture element polyfill](https://github.com/scottjehl/picturefill), rather than this out-dated solution.
+
+## Old Intro
+
 __Foresight.js__ gives webpages the ability to tell if the user's device is capable of viewing high-resolution images (such as the 3rd generation iPad) before the image has been 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. By customizing the _img_ _src_ attribute using methods such as URI templates, or finding and replacing values within the URI, it is able to form requests built for your image's resolution variants. Media queries however, could be used when dealing with CSS background-images, while foresight.js is used to handle inline _img_ elements (or until current web standards are improved). Recently __Washington Post__ implemented foresight.js to determine hi-res/responsive images on their [mobile site](http://m.washingtonpost.com/).
 
 Foresight's methods centralizes how to configure image variants across your entire site (compared to hard-coding each image variant's src and its dimensions into markup on every page), and specifically uses a hybrid implementation of the [new CSS image-set() function](http://blog.cloudfour.com/safari-6-and-chrome-21-add-image-set-to-support-retina-images/). 
 
-This project's overall goal is to tackle these current issues faced by web developers designing for hi-res: [Challenges for High-Resolution Images](//github.com/adamdbradley/foresight.js/wiki/Challenges-for-High-Resolution-Images). Foresight.js aims at providing a lightweight, cross-browser and framework independent tool for a __high-resolution web on today's browsers__. Please feel free to contact me ([@adamdbradley](https://twitter.com/adamdbradley)) or contribute to this project to help improve it. I also put together this slide deck to help explain hi-res: [Responding to the New High-Resolution Web: Considerations for High-Density Displays](http://goo.gl/Zo4XF).
+This project's overall goal is to tackle these current issues faced by web developers designing for hi-res: [Challenges for High-Resolution Images](//github.com/adamdbradley/foresight.js/wiki/Challenges-for-High-Resolution-Images). Foresight.js aims at providing a lightweight, cross-browser and framework independent tool for a __high-resolution web on today's browsers__. 
 
 For a small set of CSS classnames to help keep images cropped on the focal point check out [Focal Point](https://github.com/adamdbradley/focal-point).
 
@@ -19,22 +26,6 @@ For a small set of CSS classnames to help keep images cropped on the focal point
 * Does not use device detection through user-agents
 * Minifies to 7K
 
-
-## Demos
-Currently most desktop and laptops do not have high-resolution displays and are limited to a device pixel ratio of only 1, so you will not be able to see the effects on a standard monitor. Make sure you view the demos from multiple devices, such as your mobile phone, tablet and traditional computer.
-
-* [Foresight.js Demos](http://www.cdnconnect.com/docs/foresightjs/demos)
-
-
-## Documentation
-
-All documentation can be found at [CDNConnect.com](http://www.cdnconnect.com/docs/foresightjs)
-
-
-## Contribute
-
-This project was originally created as a need for an ecommerce mobile homepage, which basically showed high-resolution images for high-resolution devices, and adjust image widths accordingly. This is by no means the end-all solution for high-resolution images; I'd label this more as an interim solution as the web standards evolve for handling device pixel ratios. Please feel free to improve this project in any way you can.
-
 __Contact Me__
 
 * [@adamdbradley](https://twitter.com/adamdbradley)
@@ -46,14 +37,8 @@ Find a bug? Please create an issue here on GitHub!
 
 [Submit an issue](https://github.com/adamdbradley/foresight.js/issues)
 
-
-## Presentation
-
-* [Responding to the New High-Resolution Web: Considerations for High-Density Displays](http://goo.gl/Zo4XF)
-
 ## References/Resources
 
-* [CDNConnect](http://www.cdnconnect.com/): Production File Management & Fast Content Delivery For The Team
 * [Focal Point](https://github.com/adamdbradley/focal-point): A small set of CSS classnames to help keep images cropped on the focal point for responsive designs
 * [Safari 6 and Chrome 21 add image-set to support retina images](http://blog.cloudfour.com/safari-6-and-chrome-21-add-image-set-to-support-retina-images/)
 * [Using CSS to control image variants](http://www.w3.org/community/respimg/2012/04/08/using-css-to-control-image-variants/)
@@ -65,7 +50,7 @@ Find a bug? Please create an issue here on GitHub!
 
 ## License
 
-Copyright (c) 2012 Adam Bradley [CDNConnect.com](http://www.cdnconnect.com/docs/foresightjs)
+Copyright (c) 2012 Adam Bradley
 
 Licensed under the MIT license.
 
