Blinking text in Safari!

Freeway
1

I ran across this while working offline so uploaded the site and experience the exact same anomaly online - on two different Macs - in Safari only - no other browsers. I’ve quit Freeway and restarted to no avail.

The html text is blinking bright/dim every 2seconds or so.

I don’t have a lot going on in this site yet, but has anyone else encountered this? Is my text blinking for you all too? It’s annoying, but if no one else sees it then I guess that’s OK. (again Safari only issue)

Click on a link or scroll down to the text to see.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

Very odd.
I see that the dimming happens when your carousel does its transition,
and brightens up again when it’s done.

I wonder if this is at all related to the way Safari renders light type
on a dark background slightly heavier than dark type on a light
background? Try removing your background image and setting the page
background to white, change your type to black or a dark colour, and see
if there’s any discernible change as the carousel does its thing.

k

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Thanks for confirming this Keith. I hadn’t noticed that it times out exactly with the Exhibeo slides - buy you’re right!

Even with black text and no background I can still see it altering “brightness”, though it’s less noticeable.

This appears to be an official bug with the Exhibeo Theme “Slide”.

I took that same Exhibeo file and dropped it in place of the “hero” image in the FW stock template called “Ambient” and it did the exact same thing - so it’s nothing in my file.

I have Exhibeo v1.1.2 but I do not think there is a newer one.

I tested this - It is not an issue in the Exhibeo theme - Showtime, but it doesn’t have auto-start, must displays controls, and offers no control over the timer speed.

I can easily replace it with a flash slideshow, but - well, it’s flash. ugh The old FW Fading Slideshow is another option but the look is dated.

I just have to give this some thought as to how to go forward now.

Thanks again.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

It’s a bug/feature in Safari and can be fixed using the information in this thread http://www.freewaytalk.net/thread/view/152258#m_152271

All the best

Gordon
http://www.gordonlow.net/

On 30 Aug 2014, at 7:21pm, Karen E email@hidden wrote:

This appears to be an official bug with the Exhibeo Theme “Slide”.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

Thanks Gordon (and Ernie!).

After connecting this to Exhibeo, I spent some extra time beating up on it and discovered that the Fade animation option of the Slide Theme doesn’t have this issue. That would have been a good second choice.

I tried Ernie’s Extended Style attributes tweak on the dummy template and it did the trick!

Thanks again.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

This appears to be an official bug with the Exhibeo Theme “Slide”.

Nothing to do with Exhibeo.

The actual issue is to do with CSS3 transitioning and whether the GPU kicks in for rendering or not

This link discusses the issue http://viget.com/inspire/webkit-transform-kill-the-flash

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

7

I ran into this problem again today - but while viewing on an iPad - apparently the fix [-webkit-font-smoothing=“antialiased”] works for the Safari desktop browser - but perhaps not iPad?

Any thoughts? There are some other approaches mentioned in the comments for the article David cited, but no mentions of iPad.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

8

while viewing on an iPad

What iOS version - and can you share a link.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

9

iOS 7.1.2

Example here - www.karenengelphotography.com

I tried this on 2 different iPads before posting and it did it on both.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

10

Try this on just this one page.

Go to Page>Html Markup and in the before section paste the following

<style type="text/css">
#showcasetitle {
-webkit-font-smoothing: antialiased;
-webkit-transform: translate3d(0, 0, 0);
}
</style>

And let us know when it is up there.

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

11

Thanks David,

OK, it’s done. There still seems to be issues with this. I’m not sure if reloading a page clears the cache on an iPad or not.

If you don’t see any “blinking” on the iPad at first - try scrolling to different areas of the page and/or different orientation. It most noticeably affects the IMAGE GALLERIES bold text and the clarity of the RH Exhibeo stack image as well.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

12

It most noticeably affects the IMAGE GALLERIES bold text

Then you will need to apply the style to its container too.

Amend the original code to

<style type="text/css">
 #galleriestitle, #showcasetitle {
-webkit-font-smoothing: antialiased;
-webkit-transform: translate3d(0, 0, 0);
}
</style>

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

13

BTW - I am not convinced that the fixed header and footer is the right way to go.

Especially on iPhone in landscape mode - doesn’t leave much of a viewing window.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

14

Thanks again David, I uploaded it with the alteration and it’s improved the 2 mentioned individual HTML items - yet others are still affected so will just use this guideline to add the other items as needed in the final version (which should ultimately dynamically resize as well).

As far as the design, I appreciate your note and will likely change accordingly - I’m an admitted hobbyist and still tinkering with it quite a bit - while also learning how to do the responsive bits and create a layout that is inline/box model.

Slow going but I’m getting there and really appreciate your help - and the other occasional assists from the list members!

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options