Comments (15)
Are there any hard browser support requirements from the code.org people?
If not, I agree with your approach — WebKit browsers first, then Firefox as much as possible, then newest versions of IE as lowest priority (and older versions of everything, not at all).
from processing-hour-of-code.
Just to expand on this slightly, the Initializr build I used includes Modernizr and Chrome Frame support. Anyone viewing the site in an IE version less than 7 should be prompted to switch to Chrome or at least use Chrome Frame.
Modernizer includes an HTML5 Shiv to enable some things in IE that normally aren't available. It can also be used for feature detection so we can turn away browsers that don't support a given feature, though we'd have to write those conditions as they crop up.
I personally have very strict anti-Windows policy and a doubly strict anti-IE policy, but a full QA evaluation of the site would probably require checking it in IE 7, 8, 9 and 10 running in XP, Vista, Windows 7 and Windows 8.
Actually getting it to work in all of those instances without a ton of work would be a minor miracle, though we could at least know where to redirect if necessary. I could, for example, change the Chrome Frame message to turn anything away below IE 10.
from processing-hour-of-code.
I don't think its realistic to worry about these issues given our resources (feel the same about tablet). If it works in other browsers by accident great . . and we can always return to this after the launch if we decide we want to. I will go with what you recommend @scottgarner in terms of the chrome frame message.
from processing-hour-of-code.
I'll quickly test in whatever versions of Windows/IE happen to be on the production laptops at ITP and on the PCs at the NYU libraries.
My only real concern is a classroom of students somewhere with older machines, but agree with @shiffman that we can revisit this later on if needed.
from processing-hour-of-code.
I just finished a grueling refactor with jslint and things actually seem to work reasonably well in IE 10 after a cursory check. The only problems I had were with events not firing when scrubbing, but I think that's a problem with Flash, Vimeo or Popcorn and it will hopefully not affect us when the video plays through normally.
Every method I knew of to figure out the version of Windows was disabled for security, but I think it was Windows Vista or Windows 7.
from processing-hour-of-code.
Just tested in IE11/Windows 7.
- You can't click "Click here to start" on the splash screen
- The video won't show (and make the browser hanging)
Perhaps show a warning message when IE is used at all?
from processing-hour-of-code.
Thanks for the report. I imagine some of the changes I made today broke IE compatibility. I'll have to test next week when I have access to a Windows machine.
from processing-hour-of-code.
Just as an update here. Any version of IE below 9 is automatically out because it doesn't support , on which Processing.js relies. IE 9 should technically be okay, but I was having some issues with it during testing and both Popcorn and Vimeo were throwing errors.
As of now, any browser that doesn't support
The biggest question here is whether or not to redirect the iPhone since it can't play inline video. Unfortunately, there's no reliable way to to check for that particular feature, so it would probably be safest to cut out all mobile browsers with something like http://detectmobilebrowsers.com.
from processing-hour-of-code.
In IE11, I still can't click the "click to start area". Everything else is working.
from processing-hour-of-code.
Thanks for the update. Still planning an IE 10 and 11 debug session this week.
from processing-hour-of-code.
I am seeing the following in Google Chrome Version 31.0.1650.57
Text:
Blocked a frame with origin "http://hello.processing.org" from accessing a frame with origin "http://player.vimeo.com". Protocols, domains, and ports must match.
84
Blocked a frame with origin "http://hello.processing.org" from accessing a frame with origin "http://player.vimeo.com". Protocols, domains, and ports must match. markdown-here.js:32
It also makes the interactive part not work in Chrome.
from processing-hour-of-code.
@tundal45, are you noticing any functionality problems with those errors? At least one of them looks like an issue with and extension you're using, markdown-here.js.
from processing-hour-of-code.
@scottgarner Yes, the issue I am seeing is that the textarea with the code and the side canvas don't show up when the video is at a part where it assumes it's there. I disabled markdown-here and I am still seeing the issue with the interactive pieces not showing up. Apologies for missing the error messages were generated by Markdown Here.
from processing-hour-of-code.
@tundal45 I don't see this error, and everything is working perfectly in Chrome 31.
from processing-hour-of-code.
I tested in IE 11 this morning and all seems well. I still haven't been able to reproduce any problems in Chrome.
@tundal45, could it be some other extension that you're using or some increased security setting?
from processing-hour-of-code.
Related Issues (20)
- Share button highlighting? HOT 2
- Remove next lesson button from the last section. HOT 4
- Code buttons cover code in editor that can't scroll past HOT 1
- page that accumulates a bunch of things made with the tutorial HOT 15
- code comments
- Typo on About page HOT 1
- Exit confirmation during all exercise sections HOT 2
- make it more clear that size() is needed when you move out of tutorial? HOT 1
- Vimeo Player Issues HOT 6
- Revisiting Video Navigation HOT 8
- video tutorial shapes not showing code examples/screen HOT 2
- No Sound On Initial Play HOT 1
- tracking for 2016 Hour of Code HOT 4
- www.parsecdn.com no longer exists HOT 7
- Spam / Security HOT 2
- Misalignment of the title bar HOT 2
- enforce https? HOT 1
- Forum link HOT 1
- Videos unavailable HOT 3
- "Back 10 sec." button closes and breaks editor windows in tutorial HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from processing-hour-of-code.