Pushup is an effort to push the web forward by helping users upgrade their outdated browsers. Give your users a better web experience and make life easier for developers out there by installing Pushup on your domain.
Demonstrations
A subtle upgrade link is shown when people visit your website using an outdated browser. They can click this link to visit the upgrade website for that browser, or choose to be reminded after a time you specify.
Pushup is currently targetting the following browsers. Click the browser icons to see a demonstration.
-
Internet Explorer < 9
-
Firefox < 4
-
Safari < 5
-
Opera < 11
Pushup only targets browser versions that are considered to hinder the progression of the web in it's current state. By doing this users that are not on the latest version won't be bothered by Pushup until they really need to upgrade.
Installation
After uploading the files from the Pushup package to your server, include the Pushup CSS and javascript file in your header.
<link rel='stylesheet' type='text/css' href='css/pushup.css' /> <script type='text/javascript' src='js/pushup.js'></script>
If you decide to upload the images to a different directory, make sure to modify the image path in pushup.js or the icons won't show up. See the documentation for more information.
Download
The latest version is also available on GitHub making it possible to easily contribute and follow the project.
Ports
- dojox.pushup by Will Riley
- jQuery Pushup by Stuart Loxton
- MooPushup by Tim van den Eijnden
- Push up the Web for WordPress by Francois Botha
- Simple Pushup Plugin for Joomla by Joel Bassett
I'm looking for people who have the time to port Pushup to use a Javascript framework. If you've made a proper port and want your project page linked on pushuptheweb.com, please let me know.
Documentation
Pushup.options
There are some options you can set in pushup.js to customize Pushup.
-
appearDelay
Delay in seconds before Pushup fades in.
-
fadeDelay
Delay in seconds before Pushup fades out.
-
images
Location of the images relative to pushup.js, or an absolute url.
images: '../images/pushup/', // relative images: 'http://www.mysite.com/images/pushup/', // absolute
-
message
The update message users will see when their browser needs an update.
-
reminder.hours
Time in hours used when clicked on the reminder message.
-
reminder.message
The reminder message, #{hours} will be replaced by reminder.hours.
Note: The reminder message is not shown when users have cookies disabled.
message: 'Remind me again in #{hours}' -
skip
Enabled by default to skip building Pushup if no update is required. If you want more control over Pushup you can enable this option to always build Pushup, even if an update is not recommended, creating some useful extra functions.
skip: true // stops building Pushup if not required skip: false // always builds Pushup so you can use all it's features
Pushup
Pushup will do it's magic automatically. After installation you can basically forget about it. For those who want some more control Pushup.options.skip can be disabled, this will create some extra functions that would otherwise only be available if an update is recommended.
-
show
Pushup.show([browser, options]);
Both browser and options are optional. Calling Pushup.show without arguments will show the update message for the current browser, or Internet Explorer if no browser was detected.
Pushup.show(); Pushup.show('Firefox'); Pushup.show({ ignoreCookie: true }); // ignores user preference Pushup.show('Opera', { removeCookie: true }); // removes preference -
setReminder
Pushup.setReminder(hours);
Sets a cookie that prevents Pushup from showing up for a time in hours.
-
resetReminder
Pushup.resetReminder();
Resets the reminder time so that Pushup will show up on the next visit, if required.
Contribute
The latest version of Pushup is available on GitHub. Feel free to contribute by forking the project and implementing your changes.
Patched away on Pushup? Found a bug? Please create a ticket on Lighthouse, preferably with a patch attached. Keep in mind that Lighthouse is an issue tracker and not the place for support related questions! Please refer to the Forum for support related questions and discussion.
For non support related questions you can reach me at nick@nickstakenburg.com.
If you're feeling generous, please consider making a donation to help out with hosting and further development. All donations are sincerely appreciated. Thanks.
