outdatedbrowser/outdated-browser

A simple tool to identify and upgrade old browsers.

outdated-browser's Issues

Script error

Hi,

there's an issue with your script. The console say the following:
Uncaught TypeError: Cannot read property 'style' of null

It's on line 125.

Unused function: function_fade_out

It looks like this function can be removed as it is not being used.

Safari for windows

Safari isn't just available for mac, but also for windows too.
http://support.apple.com/kb/DL1531

Default Colors

Change default colors to:
bgColor: '#f25648,
color: '#ffffff,

Versioning

Since there's people working on alternative versions of this plugin (wordpress and whatnot) it wouldn't be a bad idea if you guys create actual releases. Specially if the roadmap is to support bower or other service providers.

So, instead of just updating the version number in the files, it would be better to create actual releases with a tagging system.

People using git submodules shouldn't have a problem using the current system, because they can just point it to a branch. However, service providers normally point to a tag.

Keep up!

Latest Opera versions are not available on Linux

Opera 12 is the last version on Linux. All newer versions are only available for Windows and MacOs. The provided information on the side are not really helpful for an average user in the current form.

Add informations about compatibility

Hello,

Thanks for this great tool. I'm gonna use it for my projects.

I think some informations are missing on your README about browser's compatibility.

Does outdated-browser works below IE8 ? IE7 ?

Unused function: hasClass

Seems like this can be removed.

Add i18n support

It's good to have different language support for my Taiwanese auntie! (or for aunties all over the world)

NOTICE - show only once after close

— cookies (per session) via front end + suggest back end too

Question: Where do you get the statistics?

I'm curious since I always get asked this from clients and colleagues. What is the best resource for browser usage?

How does the notification look like?

Could you provide a screenshot of the notification displayed to a visitor with an outdated browser?

Safari has a windows version

Please update the website.

Website translation (one sentence) - fr (French)

We need translation for:
$lang['home_subtitle_nojs'] = 'Javascript is disabled in your web browser. Turn it on for a better experience.';

thanks

Don't show IE to macs

I love this idea, and hope it simply becomes the defacto way of letting people know they are using an out of date browser. My only question is can you hide IE from mac users, since that is not a viable browser for them to download?

Website translation (one sentence) - hu (Hungarian)

We need translation for:
$lang['home_subtitle_nojs'] = 'Javascript is disabled in your web browser. Turn it on for a better experience.';

thanks

An error in the js

Hi there,
I think this one of the most elegant way to incite people update their browser.
Unfortunately, I ran into a bug in your script.

Uncaught TypeError: Cannot read property 'style' of null - outdatedBrowser.min.js:128
Using Chrome Version 35.0.1916.153 m, under Win7 Pro

I'm using jQuery to add animations on the click and the error in your script blocks my script.
Any idea?

Thanks.

Opera is available for linux

Opera is available for linux, please add the linux icon in download page :)
http://www.opera.com/download/linux/

Create a Changelog

You can be create a Changelog.md to list the diferences between versions.

Translations

Any plan to translate the content to other languages? Maybe a json file with all required strings, so people can create diff pull requests with json files for you guys?

Congrats, awesome project.

Cheers

Mauricio Wolff

ID/Class names too common

All the ID/Class names used for the required HTML are far too common. For example, I can see a LOT of people using #btnClose on quite a few places on their site. Also why are these IDs instead of classes?

Warning not show in IE7?

I tried set the lowerThan: 'IE8' and check on IE7, but the warning message didn't show, any idea?

Use current Opera browser logo

Since v15, Opera has been using a different logo, namely:

You can find a high resolution version of the logo here.

contrast

the contrast for most of the site is to low.

chrome: white on #f2b635
etc

Clarify browser message at http://outdatedbrowser.com/

It is unclear whether or not http://outdatedbrowser.com/ is a landing page for users linked from the outdated banner message (i.e only ever intended to be seen by those using an outdated browser), or a project landing page.

As far as i can tell the outdated browser message is currently shown to all users regardless of browser version. If it is a project landing page, people may get turned off by the incorrect browser message. I know I was initially, as I knew my browser(s) were up to date. A better solution would be for http://outdatedbrowser.com/ to display a message either telling the visitor;

A) Their browser is up to date
B) Their browser is out of date

Remove "You need a bigger screen" message

The message displayed in the demo on browser windows <=960 is unhelpful and prevents site navigation.

Firefox URL without l10n code

Instead of:

http://www.mozilla.org/en-US/firefox/new/

It's better to link to the generic url without l10n code, so the site will offer a version in your current browser/system locale not only in English (US):

http://www.mozilla.org/firefox/new/

Better check functionality instead of browser-name

The site says "Your browser is up to date" to an old Firefox 3.6.

It would make more sense to check common browser-functionality instead of just reading the browser-name, anyway. Modernizr would be a good way to go here.

There was a little conversation about it here: http://cl.ly/image/1f3g2s3u0v0Z

http://outdatedbrowser.com/ is unusable in IE9

We really like the idea of this project, however sending our old IE users to a site that is unusable with their browser is a deal breaker.

For this project to be of use to web authors it needs to shoulder the burden of working optimally for the outdated browsers it's encouraging users to move away from.

IE9 supports transform?

Just a question. According to http://caniuse.com/transforms2d and http://www.css3files.com/transform/ IE9 did support -ms-transform attribute... Though it does correctly show notice. Does your code relies on bug in IE?

Wordpress

Hi,
Is there any plans to turn this into a wordpress plugin?
If not would you be happy for me to do so?

README small correction

How to use it

Include plugin's script at the bottom of the HTML body:
<-script src="outdatedBrowser.min.js"-><-/script->

Include the CSS located in the HTML head:
<-link rel="stylesheet" href="outdatedBrowser.min.css"->

Remove percent and put browsers randomly

Web Browsers should appear randomly and you could remove % of use.

If you want to keep % it's fine but put more details about the web browser (for example better user privacy for Firefox, Touch/Metro interface for IE etc.)

README (feature/languages)

• new instructions (ajax / no ajax)
• languages instructions

Google Chromium

It says my Google Chromium browser was outdated, though I just updated it to the latest version. I generally I use this over Google Chrome. Why? I don't know.

Would it be possible to add this to the list of browsers you accept as "newer"?

Website translation - it (Italian)

Can someone help us with the website' s Italian translation.
Thanks

Grunt and minification

It seems that you use some kind of engine to minify your css and javascript (Grunt mayhaps?). Why don't you commit that instead of the *.min-files? Or you put it in a dist-folder for easy access.

CSS color !IMPORTANT

I need via js add !important at the color to override any site css
http://take.ms/I8Ueu

Safari for Apple only?

Hello, cool project, I'd like to point out that there's Safari for windows as well...

Shouldn't you update your website and update the Safari session?

New languages

Hi there!

Would it be possible to translate the webpage and the js to other languages?
I would also like to help you to publish a German "outdatedbrowser.com"

Best regards
krautnerds

L10n ?

It would be great to have localized version of the website :)

Bower (feature/languages)

• create release
• test
• register

$ bower register
for example
$ bower register example git://github.com/user/example.git

Languages hyphenation and break line

Please check your language, or if you're doing a new one, and hyphenate correctly and/or break the titles, so it can show properly, without being to long or over the images.
e.g.: http://buro.pt/Wt9h

Thanks!

Safari Windows version not linked

Safari is also present for Microsoft Windows . Please add windows icon to safari

http://support.apple.com/downloads/#safari

Website translation - fi (Finnish)

Can someone help us with the website' s Finnish translation.
Thanks

Add bower.json support

Would be nice to be able to install it via Bower.io :)

Safari is available for Windows as well.

Update the 'Available for' section for Safari on the homepage. http://outdatedbrowser.com/

http://cl.ly/image/2x1d400l2S0c

safari for windows

The website says that safari is only available for os x but it's also available for windows

HOW TO USE with jQuery (HTML example)

Html example - on how to use this plugin with jQuery.
(create file on folder "demo")

Google Indexing Issues / One File

Hey,

Inserting that text in the header will make Google index it and present it as a default snippet for the site.
The text should be injected via JS. That's rather easy to do.

There should be really just one JS that injects all the required content and CSS.

Zeno.