https://github.com/zachleat/iliveinomaha-banner
Retina friendly progressively enhanced banner for iliveinomaha.com
https://github.com/zachleat/iliveinomaha-banner
Last synced: 11 months ago
JSON representation
Retina friendly progressively enhanced banner for iliveinomaha.com
- Host: GitHub
- URL: https://github.com/zachleat/iliveinomaha-banner
- Owner: zachleat
- License: mit
- Created: 2013-12-08T20:05:35.000Z (over 12 years ago)
- Default Branch: gh-pages
- Last Pushed: 2015-04-18T16:07:51.000Z (over 11 years ago)
- Last Synced: 2025-09-01T12:54:16.382Z (11 months ago)
- Language: CSS
- Size: 249 KB
- Stars: 6
- Watchers: 4
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
iliveinomaha-banner
===================
Retina friendly progressively enhanced banner for iliveinomaha.com
The banner listed on [iliveinomaha.com](http://iliveinomaha.com/spread-the-word.php) is a blurry image on HDPi/retina screens. We can do better!
Idea and original source code from [@mattdsteele](https://github.com/mattdsteele/matthew-steele.com) introduced in his blog post [A Fresh Coat of Paint](http://www.matthew-steele.com/a-fresh-coat-of-paint/).
## [Demo](http://zachleat.github.io/iliveinomaha-banner/example.html)
## Install
### NPM
npm install iliveinomaha --save
### Or Bower
bower install iliveinomaha
### Or manually download the CSS file above.
## Features
* Starts in markup with a normal text link.
* When CSS transforms are supported, positions as a banner in the top left or right corner.
* Does not require JavaScript.
## Markup
Make sure to include the `iliveinomaha.css` stylesheet.
### Top Right Corner
### Top Left Corner
## Browser Support
### A-Grade Experience
A blue banner positioned in the top corner. Includes any browser that supports media queries.
* Internet Explorer 9 and above
* Chrome (31)
* Safari (7)
* Firefox (25)
* Opera (12)
* iOS (6)
### C-Grade Experience
A blue link inline on the page.
* Internet Explorer 8 or below
* Opera (9.1)