Web Design Weekly #77


The Opera Press Release

To provide a leading browser on Android and iOS, this year Opera will make a gradual transition to the WebKit engine, as well as Chromium, for most of its upcoming versions of browsers for smartphones and computers. (opera.com)

I will miss the “Douglas Crockford of browsers”

Opera was always a very loud voice advocating standards over what is easy and seems like a great idea at a certain time. It would be a shame if that voice gets drowned out by others using the same engine and having different ideas or a corporate agenda to follow. (christianheilmann.com)

300 million users strong, Opera moves to WebKit

This move allows us to create a platform for future growth because it allows us to focus our resources on things that can actually differentiate Opera from the competition, and could help the web move in the right direction. (my.opera.com)

WebKit is the jQuery of Browser Engines

Ultimately it’s important to remember that WebKit is not a monolithic entity. It’s a shared codebase that a number of corporations contribute to. There is a lot of code sharing going on but it isn’t the be-all and end-all of browser development. Innovation can clearly still occur when working on a shared codebase and performance will almost certainly continue to improve. (ejohn.org)

And Then There Were Three

The news about Opera switching to Webkit is disappointing. It’s a sad day for the Web, since I thought highly of their Presto engine and their Web standards work. Their impact on Web standards will be dramatically reduced, especially where they want to do something differently to Apple and Google. (robert.ocallahan.org)


Where to Start

When making the transition to building responsive websites, the hardest part can be getting started. A must read by Trent Walton, that’s if you are into building websites… (trentwalton.com)

Flat Pixels

If you’re paying attention to what’s going on in the design world, you’ve probably noticed the ongoing debate around skeuomorphism vs flat design. (sachagreif.com)

You like apples?

The team at Electric Pulp believed that responsive websites would outperform a non-mobile-optimised sites. But they didn’t have any ‘real data’. So they monitored a popular e-commerce store over a 6 week period and were greeted with some alarming stats! (electricpulp.com)

Debugging a Resource Leak in WebKit

This post by Ken Russell is very in-depth and technical about how he tracked down a fairly tricky WebGL bug that Brandon Jones identified. (gfxprose.blogspot.com.au)

Thoughts on Media Queries for Elements (jonathantneal.com)

In Defense Of Rem Units (techtime.getharvest.com)

A Question of Style (adactio.com)

Tools / Resources

Prevue – an awesome concept sharing app!

The app is a single-purpose tool; you upload designs to a project, and you share that project with your client. At every step, the interface is designed to make your images and your brand the most important thing. (prevue.it)

Visually Re-engineering CSS For Faster Paint Times

Increasingly, whether it’s on desktop or mobile, users want their web experience to be snappy and delightful. In this post Addy Osmani gives some great tips on how you can optimise paint times for your pages using the Chrome Dev tools. Resulting in a better experience for all. (addyosmani.com)

Building Touch Interfaces with HTML5

This book by Stephen Woods (JavaScript developer Flickr) walks you through the tools and concepts that make touch interfaces feel right. You’ll learn about the limitations and strengths of touch devices, new interface conventions and how to use CSS, JavaScript, and HTML5 APIs. (amazon.com)

Some really great content in this video on testing and tooling (youtube.com)

MapBox – Design maps in the cloud, publish in minutes. (mapbox.com)

A collection of the best clientside javascripts (jsdb.io)

SubtlePatterns Bookmarklet (bradjasper.com)


Yours vs. Mine

Should the interface refer to the user as “your” or “my” when talking about the user’s stuff, as in “my profile” or “your settings”? For a long time, this question ate into Dustin Curtis’s soul. He dives deep into which one he thinks is right. (dcurt.is)


Senior User Experience Designer at Atlassian

You’re a problem-solver and communicator. You’re someone who can help others understand complexity with your facilitation and co-design approach. You’ve got amazing skills at recognizing patterns where others see chaos. (atlassian.com)

Work at Bocoup

We’re a small company on a mission to bring the Open Web Platform and open source principles to the world. (bocoup.com)

Post a Job in Web Design Weekly

Last But Not Least…

Responsive Typography in Realtime

WOW! The demo uses WebRTC’s getUserMedia feature combined with responsive design techniques to scale the text depending on how far away you are from your camera. (maratz.com)