Giter Site home page Giter Site logo

Browser support list about freezeframe.js HOT 9 CLOSED

tsouk avatar tsouk commented on June 9, 2024
Browser support list

from freezeframe.js.

Comments (9)

chrisantonellis avatar chrisantonellis commented on June 9, 2024

this is a good idea, i'll get working on it and add to the docs. thanks for the suggestion!

from freezeframe.js.

tsouk avatar tsouk commented on June 9, 2024

Awesome!

The reason I got excited with freezeframe.js is that it seems to support browsers that other libs out there don't. That is Safari. If we are going to use it for a BBC page we would like a list of browsers you know you can support, etc.

Thank you @chrisantonellis !

from freezeframe.js.

chrisantonellis avatar chrisantonellis commented on June 9, 2024

Freezeframe is working in current versions of Chrome, Firefox and Safari, and I plan to support those browsers and IE from the version where they started supporting the HTML5 Canvas API ( http://caniuse.com/#search=canvas ) That looks like IE9+, almost all version of Chrome and Firefox, and Safari 5+. I also intend on supporting IOS Safari and Android Chrome. I have not done any previous version testing, only current versions.

I also just found bugs in IE 11 IOS Chrome that i'm working on. I'll add the browser support table to the docs ASAP, but i wanted to get you the info sooner!

from freezeframe.js.

tsouk avatar tsouk commented on June 9, 2024

Ah, that sounds quite a good list @chrisantonellis !
If on unsupported browsers there is no error, or at least nothing very intrusive, and the GIF doesn't play automatically I think we can use it!
This last one (fallback to no animation) is an accessibility constraint. Animations might be disruptive to some users.

Thank you for this!

from freezeframe.js.

chrisantonellis avatar chrisantonellis commented on June 9, 2024

@tsouk currently these are features I would have to add but will be working on this week (browser feature detection and graceful degradation if features are unsupported). There is however no "easy" way to provide a fallback for unsupported browsers where the GIF will not play, as the pausing of the GIF is a result of freezeframe working correctly. I can however figure out a way to specify a "fallback image" per GIF if this is something that would be of use to you. Please let me know! This would provide the functionality you describe.

from freezeframe.js.

tsouk avatar tsouk commented on June 9, 2024

The "fallback image" option sounds like a good idea!
Uncontrollable animations are the reason we cannot do GIFs yet. Having a paused fallback gets us over the biggest accessibility concern. When I get some examples going, I will enlist our accessibility experts to look at this, and will give you detailed feedback.

That is, if you want this feature (and probably not much else) to make freezeframe.js a fully accessible GIF library. I believe it is worth it!

from freezeframe.js.

chrisantonellis avatar chrisantonellis commented on June 9, 2024

@tsouk this is being actively worked on :) expect updates very soon!

from freezeframe.js.

tsouk avatar tsouk commented on June 9, 2024

awesome @chrisantonellis !
I'll spike a prototype for our new website as soon as possible. I'll get the a11y team to approve and might come up with a pull request for you if we need any changes.
(This could have been in the ABC's of motion article if we had it back in August... no worries, we'll get there)

from freezeframe.js.

nickforddev avatar nickforddev commented on June 9, 2024

Closing because we aren't maintaining 3.x anymore

from freezeframe.js.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.