Skitter when changing breakpoints

[skyscooby]

When resizing on Chrome (v30 & Canary v33) on OSX (Macbook Air) page is displayed momentarily without CSS applied. Appears to flash or blink.

This is very evident using the Helios and Prologue templates. Open and resize the horizontal size quickly.

Not able to reproduce in Safari.

[ajlkn]

Can't reproduce it on Chrome (on both OS X and Windows). If you have dev tools open while resizing that might be messing with it a bit.

[skyscooby]

Strange.. Just trying it now at work on different machine... Linux Fedora 19.. Chrome 30.. same effect though sometimes it does not happen.. Can't seem to pin down what the conditions are that make it start happening.

It's most noticeable with Helios http://html5up.net/helios/.. Open page.. Click right window frame and drag in and out between mobile and full screen..

[ajlkn]

Yep, can't replicate it here. Have you tried it without the iframe?

http://html5up.net/uploads/demos/helios/

On 11/11/2013 6:03 PM, Andrew G wrote:

Strange.. Just trying it now at work on different machine... Linux
Fedora 19.. Chrome 30.. same effect though sometimes it does not
happen.. Can't seem to pin down what the conditions are that make it
start happening.

It's most noticeable with Helios http://html5up.net/helios/.. Open
page.. Click right window frame and drag in and out between mobile
and full screen..

--- Reply to this email directly or view it on GitHub:
#20 (comment)

[skyscooby]

Oh well.. It's not necessarily a show stopper but I def think something inefficient going on in the JavaScript.. it's really processor heavy on resize.. like getting overloaded with events.. I'm now testing on Windows machine and I don't get the same missing CSS blinky effect but I do see a studder sizing the window in the same manner.. as the window gets larger the repaint doesn't keep up and there is horizontal artifacts. This effect doesn't happen on other JS heavy sites.

I drag in and out and when expanding the redraw can't keep up until I stop moving the mouse for a sec.

[ajlkn]

Alright. I'll look into it if it becomes persistent.

[ITStraining]

Just a note on this. I was able to replicate.. This occurs when (under ) span class="byline">THIS CONTENT is too many characters /span>