Screen flicker on fullscreen - javascript

I am using javascript fullscreen API. Everything works fine and in all browsers as well except for IE < 11 which is OK. The transition to fullscreen is very smooth in Windows Safari, seems to be fine in FF and but in chrome, opera and chromium, the transition is very absurd.Most of the times, the screen just below the browser seems to appear for a moment and then transition to the fullscreen happens. It flickers too much which is very distracting and not a good UI experience. I noticed something similar in youtube as well that too only in the above mentioned browsers. Is there a way the transition can be handled or at least the flicker can be controlled?
Thanks in advance

Related

Image choppy on scroll with Chrome and Safari (Not firefox)

I have a problem with my wordpress website. All the Images are choppy when i scroll down the page on Chrome and Safari, but the result it is very good and smooth on Firefox.
Here is my website : http://matieresetcouleurs.ch/
For you to compare, here is the kind of website i want, and the images are not choppy on this one : http://www.dcube.swiss/
Do you have any clues of what the problem can be ?
Thanks for your help.
Jules
I am not having any scroll issues...either your computer memory is not enough or internet problems. Perhaps empty your browser cache for chrome and internet explorer.
Also optimise your images to make sure they are not big filesize.

React slow/freezing on IE and Edge

I have a react.js app that runs fine on Chrome, Firefox, and Safari.
However it lags heavily and sometimes freezes on any version of Internet Explorer. Is there away to speed it up on IE? This seems like more than an optimization issue and the difference between Chrome and IE is drastic.
Extra Info:
I have tested on IE 9-11 as well as Edge, and all seem to have this issue. It is slow and laggy in general but freezes or lags incredibly on a hover event.

Internet Explorer poor gif quality / rendering

I am trying to solve a problem with internet explorer 10. I made a gif animation in photoshop (its only 1mb) and it works in all browsers well, except, Well take a guess... internet explorer. It looks like there is a pixel delay or rendering problem.
Gif animations of other websites doesn't have the problem. I also tried all kinds off different gif formats. Anyone any ideas?
I used the html img element to display
<img src="database.gif" id="myVideo">
here is printscreen of my pc screen in IE10
This is the gif file (Open this page in IE)

kineticJS sprite animation malfunction in iPad and android browser

I’m having a problem with the use of sprite sheets in mobile browsers (ipad/android), a strange behavior occurs, the stage is multiplied and scaled down multiple times when i click on a sprite animation, everything works fine until the click occurs.
Any hint?
The only browser that it doesn’t occurs is the safari from the ios 6 beta in ipad 2. In the native android browser the error happens but in android chrome everything works fine.
In desktop browsers everything works fine.
UPDATE: the problem is the afterFrame, the error is that the index is not valid. I don't understand... what does the afterFrame? i have 7 frames and it gives error if the after frame is superior to 2...
What version are you using? This sounds like a bug that has been fixed in v4.0.1.
https://github.com/ericdrowell/KineticJS/wiki/Change-Log

Smooth Page Resizing in Firefox with jQuery After Hiding Element

In my web application I frequently have sections that need to be collapsed/expanded. I do this with jQuery using the slideDown() and slideUp() methods. They work great. However, in Firefox, if I am scrolled all the way to the bottom of the screen and I collapse a div the screen stutters and flashes as the div disappears and the page is automatically resized by the loss of the element.
Has anyone run into this problem before? I've been working around it by setting a min-height with a generous amount of space for any section that will be collapsible but this seems like an unnecessary solution. Chrome doesn't have this problem and, amazingly, neither does Internet Explorer, both of which smoothly resize the page without any sort of stutter or flashing.
I'm using Firefox 3.6 on Ubuntu and I've experienced this problem on earlier versions as well. I have not tested on Firefox 4.
I have ran into this problem before and yes. I have worked around this by setting a mini-height or consider not using a slide effect.

Categories

Resources