I use the pseudo elements :before and :after to create layered type frequently on this site. In the case of this example, I repeat the title with CSS using something like content:"unitasking";. It works, but as Brandon Durham points out, the redundant text presents potential problems for screen readers and SEO. In this video he proposes we use data attributes instead. Smart guy.
Update: 11/12/13 Web crusaders Eric Eggert and Chris Coyier point out in the comments that we may need to include an empty span within an element (like the h1 in the example) until speak:none; gains more browser support. The helpful comments are here and here.
Sites like Milwaukee Police News and Apple’s recentstring ofproduct1-pagers are beautiful, but hijacking a user’s scroll rate for marketing purposes has to be one of my least favorite things in web design these days. Perhaps there’s a time and a place for intensely “immersive” experiences, but those experiences shouldn’t dramatically change how basic input devices operate. Rather than consuming the page, I worried I broke my trackpad and grew tired of the 3+ second delays while trying to explore each section.
There comes a time in every URL’s life where it needs to decide whether it wants to be a powerpoint, a movie, or an actual website. I think a video player or slide switcher that operates independent from scroll seems like a more web-friendly approach. If the goal is to eliminate one’s ability to browse freely within a page then maybe it doesn’t belong in a web browser after all.
My Heroes of Texas print went up for sale last week. It’s an 8-inch square letterpress print from our friends at Sanctuary Print Shop. Note that for logistical reasons they’re not currently shipping international orders. Sorry.
I love what Gerry Leonidas says in his Ampersand Conference talk (at about 29:30) about making better use of stuff like Markdown to create a more browser-centric set of tools. We use so many apps for slides, spreadsheets, writing, etc. and they do a terrible job of talking to each other (you can’t copy, paste, import, or share files between apps without furious rage).
Actually this is the first step for them [App Creators] to throw away all their applications that are standalone for desktop users and just roll everything onto something that happens through a browser.
We all have desires. There’s always discontent and, as far as I can tell, there are two ways to go about it. The first is to get more. Make more money, make more stuff, work more, buy whatever you want. The second is to want less, to not be so desirous. Work less. Have less. Be still. Savor. All that gets easier if you look at success and say, “It’s just a ride.”