Web Design Weekly #115


Mobile usability problems

Erin Kissane touches briefly on a short list of mobile usability problems that she has noticed again and again by some big organisations. She touches on the point that mobile use is only growing and these problems can’t be ignored for too much longer. Great post! (the-pastry-box-project.net)

Sass For Web Designers (simplebits.com)

Melany Lane Script Font (full family) – only $17!

Melany Lane is a hand-drawn script typeface that is just overflowing with fun, flourish and quirkiness. It’s almost impossible to look at Melany Lane without getting a smile on your face. Includes over 1300 glyphs and 364 ligatures as well as 100+ ornaments and background patterns.See the font (mightydeals.com)


Responsive images – end of year report

Bruce Lawson does a wrap up on the current state of the complicated responsive images situation. (html5doctor.com)

Flexible Google-style loader with CSS

Lea Verou is back to her old tricks! This time she has recreated the Google app loader in CSS. A few code snippets and explanations about the hurdles she had to overcome. (lea.verou.me)

An Introduction To DOM Events

Wilson Page runs over the basics of working with DOM events then delves into their inner workings, explaining how we can make use of them to solve common problems. (smashingmagazine.com)

Articles that changed the way I work

Jordan Moore compiled a list of articles that have stuck with him and influence how he makes things for the web. Each article is worth reading if you haven’t previously. (jordanm.co.uk)

Caption Everything — Using HTML5 (daverupert.com)

Why Sass? (alistapart.com)

Support this newsletter by becoming a member for the price of a coffee →

Tools / Resources

Web Latency Benchmark

The Web Latency Benchmark is a new kind of browser benchmark that measures your web browser’s latency and jank using a combination of JavaScript and native code.

CSS Overlay Techniques

Sara Soueidan covers several techniques for creating overlays. She explores each technique’s pros and cons in great detail. (tympanus.net)

Designing Web Interfaces

In this interview, Jason Santa Maria explains his design process and how he gets inspired, what makes good UI and the role of UI patterns. He also reveals the importance of striving for simplicity and constantly iterating. (drt.fm)

Mobile HTML5

Build kickass websites and applications for all mobile and non-mobile platforms by adding HTML5 and CSS3 to your web development toolkit. With this hands-on book by Estelle Weyl, you’ll learn how to develop web apps that not only work on iOS, Android, Blackberry and Windows Phone, but also perform well and provide good user experience. (shop.oreilly.com)

High Performance Browser Network — Ilya Grigorik (docs.google.com)

Jumbyl — Post to Tumblr from the command line (github.com)

Ink: Responsive HTML Email Framework (zurb.com)

CSS Stats.com (cssstats.com)


Why Japanese Web Design Is So… Different

The Japanese culture is one that is truly inspiring, but their websites look like they hail from the mid nineties. This short posts covers a few points on why this is the case. (randomwire.com)

Jason Santa Maria: Take a Breath (youtu.be)


Front-End Developer at Shopify

As a Front-End Developer at Shopify, you’ll be part of a tight-knit project team. You’ll not only play a role in conceptualisation but will actively be engaged in our lean product development environment where you’ll be prototyping, iterating, and pushing the frontiers of your tools and frameworks. (shopify.com)

Post a job in a future issue of Web Design Weekly →

Last But Not Least…

Skinning your Chrome developer tools no more (darcyclarke.me)

Never Heard of It (alistapart.com)