FREN

#FF00AA


16 nov. 2014

I don’t necessarily hate on Safari’s “vibrancy” title bar in general — it’s not nearly as weird as Yosemite’s translucent sidebars. But when you scroll down and content disappears behind a website position: fixed header only to reappear blurred above it, it does become really distracting.

So, if your website sports a fixed header and you care about your Mac-based users, I’d urge you to extend your header 100 pixels up beyond the page’s bounds. It’s not gonna hurt anyone, and it’ll look better in Safari. (Quick tip: you need to add -webkit-transform: translateZ(0); to the fixed header for it to show through the title bar.)

Want to know when I post new content to my blog? It's a simple as registering for free to an RSS aggregator (Feedly, NewsBlur, Inoreader, …) and adding www.ff00aa.com to your feeds (or www.garoo.net if you want to subscribe to all my topics). We don't need newsletters, and we don't need Twitter; RSS still exists.

Legal information: This blog is hosted par OVH, 2 rue Kellermann, 59100 Roubaix, France, www.ovhcloud.com.

Personal data about this blog's readers are not used nor transmitted to third-parties. Comment authors can request their deletion by e-mail.

All contents © the author or quoted under fair use.