Tag Archives: safari

October 19, 2015

Preview links in Safari with a three-finger tap

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.

Mind blown.

June 25, 2015

Web Inspector Console Improvements

We recently improved both the Console and Object views in Web Inspector to make it more powerful and fun to use. Our main focus was getting quicker access to useful data and modernizing it to work better with the new changes in JavaScript.

November 17, 2014

Font rendering issues when using CSS transitions in WebKit

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

January 20, 2014

Advanced layout made easy with CSS regions

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.

July 16, 2013
June 8, 2010

Safari 5

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.