[css-d] FOUC on homepage

2015-03-20 Thread J.C. Berry
Hello all, can you shed any light on how to fix a FOUC on our homepages? http://www.xifin.com http://www.xifin.com/radiology (maybe not bad?) Thanks in advance! -- J.C. Berry, M.A. UI Developer 619.306.1712(m) jcharlesbe...@gmail.com http://www.mindarc.com

Re: [css-d] FOUC on homepage

2015-03-20 Thread Philip Taylor
I would be more inclined to try to help if you glossed "FOUC" rather than requiring me (and perhaps others) to research it for myself (theirselves). Philip Taylor J.C. Berry wrote: Hello all, can you shed any light on how to fix a FOUC on our homepages? http://www.xifin.com http://ww

Re: [css-d] FOUC on homepage

2015-03-20 Thread Ryan Reese
Flash Of Unstyled Content. Man I haven't heard about that in years. Have you tried Googling for solutions? I'm bombarded by hundreds of links all describing methods that can help. On Fri, Mar 20, 2015 at 1:38 PM, Philip Taylor wrote: > I would be more inclined to try to help if you glossed "FOU

Re: [css-d] FOUC on homepage

2015-03-20 Thread J.C. Berry
I was not aware Reese that this problem no longer exists in web dev...? I have read on various fixes, but I think this is peculiar to my specific case. On Fri, Mar 20, 2015 at 10:40 AM, Ryan Reese wrote: > Flash Of Unstyled Content. Man I haven't heard about that in years. > > Have you tried Go

Re: [css-d] FOUC on homepage

2015-03-20 Thread Ryan Reese
I was not aware either. I had to remember what FOUC was since I hadn't heard of that term in years. I was sure that this issue is not around today. Granted, I couldn't get the issue to appear on my end. On Fri, Mar 20, 2015 at 1:46 PM, J.C. Berry wrote: > I was not aware Reese that this problem

Re: [css-d] FOUC on homepage

2015-03-20 Thread Ryan Reese
Sorry, you did a double negative. I misunderstood. AFAIK this problem no longer exists but there are still articles on this which give solutions. I suggest you google some. On Fri, Mar 20, 2015 at 1:46 PM, J.C. Berry wrote: > I was not aware Reese that this problem no longer exists in web dev.

Re: [css-d] FOUC on homepage

2015-03-20 Thread John Andrews
In trying to learn CSS I just came across this term a few months ago in Charles Wyke-Smith's "Stylin' With CSS." On page 241 (2nd ed) he says "you need a link to the style page in the head of the page to prevent this from happening." He says "if a link tag or a script tag (used to associate JavaS

Re: [css-d] FOUC on homepage

2015-03-20 Thread J.C. Berry
I was reading and realized that may not be the correct terminology... no wonder the comments about an older problem. When I said flash of unstyled content, in my particular case I meant that the homepage banners on these pages http://www.xifin.com http://www.xifin.com/radiology and the video carou

Re: [css-d] FOUC on homepage

2015-03-20 Thread Tom Livingston
On Fri, Mar 20, 2015 at 2:09 PM J.C. Berry wrote: > I was reading and realized that may not be the correct terminology... no > wonder the comments about an older problem. When I said flash of unstyled > content, in my particular case I meant that the homepage banners on these > pages > http://www

Re: [css-d] FOUC on homepage

2015-03-20 Thread Chad Lundgren
Hi, FOUC is as good a name as any. The problem is that your slides need to be set to display: none in your CSS. This issue is happening because the JavaScript must load and be parsed before it can set the display to none. This takes just long enough for this flash. CSS, on the other hand, must all

Re: [css-d] FOUC on homepage

2015-03-20 Thread Tom Livingston
On Fri, Mar 20, 2015 at 3:33 PM Tom Livingston wrote: > On Fri, Mar 20, 2015 at 2:09 PM J.C. Berry > wrote: > >> I was reading and realized that may not be the correct terminology... no >> wonder the comments about an older problem. When I said flash of unstyled >> content, in my particular case

Re: [css-d] FOUC on homepage

2015-03-20 Thread Chris Williams
You have some very good sized images and a boatload of JS -- they take time to load. One idea would be to look into whatever carousel you are using and see if they offer a "lazy loading" option. Where it will pull in the image only on demand, and not preload them at all beforehand. Can make th

Re: [css-d] FOUC on homepage

2015-03-20 Thread David Hucklesby
Please see below: On 3/20/15 12:34 PM, Chad Lundgren wrote: Hi, FOUC is as good a name as any. The problem is that your slides need to be set to display: none in your CSS. This issue is happening because the JavaScript must load and be parsed before it can set the display to none. This takes ju