In OS X Yosemite version 10.10.3, Quick Look’s functionality — and its three-finger tap shortcut — has been extended to Safari. Now, using the three-finger tap on a link will open the page or video in a Quick Look popover, letting you see its contents before committing to a new tab.
A couple of days ago, I was messing about with CSS3 transitions and I noticed that, in Safari at least, text rendering gets messed up for the duration of the transition. WebKit uses sub-pixel anti-aliasing for font smoothing by default; apparently this gets disabled when a GPU-accelerated CSS transition is executed, causing the text to be rendered using “regular” anti-aliasing.
I haven’t found a satisfactory workaround. This Stack Overflow thread recommends using either
-webkit-transform: translateZ(0px); or, curiously, explicitly setting sub-pixel smoothing (
-webkit-font-smoothing: subpixel-antialiased) even though it should be enabled by default. Either way, you’ll end up with a) thinner (and uglier) fonts even before a transition or b) a slightly less noticeable change—but a change nonetheless—in font rendering during a transition. It’s not an ideal situation.
Feel free to comment on this post if you know of a workaround that eliminates the problem without one having to force regular anti-aliasing.
Update: I found the original bug report, first filed in 2009 (!): https://bugs.webkit.org/show_bug.cgi?id=23364
CSS regions are an exciting technology that make it easier than ever to create rich, magazine-like layouts within web content. Regions have been under development in WebKit for a while now, and we’re delighted to tell you that they are available for use in Safari on iOS 7, Safari 7 on Mavericks, and Safari 6.1 on Mountain Lion.
It took a while to wrap my brain around how it works, but this seems really useful.
Thoroughly enjoying it, though I’d like to know how to get Safari Reader to detect articles on my site. Maybe it’s because I’m using
<article> elements to denote entries.