Web Design Weekly #146


Optimising for 60fps everywhere

There is no silver bullet in the matter of making web pages and web apps render efficiently. The best approach is to understand the different things that can cause a page to render slowly and optimise them in turn, following some basic rules and best practices. (engineering.gosquared.com)

Everything you need to know about Sass 3.4 (phase2technology.com)


Authoring Critical Above-the-Fold CSS

Serving the critical CSS in-lined in webpages has become a hot topic of late. In this article Ben Edwards gives a bit of background on why it is becoming popular and a few ways to do it. (css-tricks.com)

Hacks for dealing with specificity

Harry Roberts looks at two ways of safely hacking your specificity up or down in your CSS. (csswizardry.com)

Scaling Down The BEM Methodology For Small Projects

This article by Maxim Shirshin looks at how you can adapt the BEM CSS methodology for your small project. (smashingmagazine.com)

Improve Your Tests by Breaking the Rules

Writing tests can be painful. In this post Mike Pennisi covers a few tips to make it as painless as possible. (bocoup.com)

How much should a custom WordPress website cost?

Brian Krogsgard goes into an in-depth analysis on how much a custom WordPress site would cost. If you are a freelancer or a small shop this is a great read. (poststat.us)

Tab Atkins talks about the present and future of CSS layout (vimeo.com)

Understanding MySQL in WordPress (scotty-t.com)

Tools / Resources

Tappy: A custom tap event handler

Tappy is a minimal, normalised “tap” event that works with touch, mouse, keyboard and more. Tappy allows you to bind to a tap event like you would with other events like click. (filamentgroup.com)

A JavaScript survival guide

Are you a programmer who is considering learning JavaScript, but unsure whether it is worth the pain? Then this blog post is for you. (2ality.com)

A curated list of delightful Node.js packages and resources. (github.com)

How to Choose the Right UX Metrics for Your Product (dtelepathy.com)

CSS-only custom-styled selects (jsbin.com)

10 Tips & Tricks for Sketch (saloon.io)

Using the PageSpeed API (youtube.com)


NYC Taxis: A Day in the Life

This visualisation displays the data for one random NYC yellow taxi on a single day in 2013. See where it operated, how much money it made and how busy it was over 24 hours. Awesome! (nyctaxi.herokuapp.com)


Bastian Allgeier reminds us that it’s ok to simplify things when developing. (bastianallgeier.com)

Foundation 39 with Anthony Casalena (youtube.com)

HTML5 DevConf videos (html5devconf.com)

3D CSS Typography (codepen.io)


Product (UX) Designer @ Campaign Monitor

The way our software looks, feels and works is the most important thing for us… it’s fair to say that we obsess over the details in a pretty big way. We’re looking for an experienced product designer (UI/UX) who feels the same way – someone who will help take Campaign Monitor to new and exciting places! (campaignmonitor.com)

Advertise in next week’s newsletter →

From The Blog

Dealing with a large CSS codebase

Working with a large CSS codebases is hard. It can be painful and daunting but it doesn’t have to be. Taking a few precautionary measure during development can help mitigate pain and make your CSS a pleasure to work with. This post explores ways to make developing on large CSS codebases more enjoyable. (web-design-weekly.com)

Last But Not Least…

Think you know mobile web development? (slides.com)

SVG is for everybody (vimeo.com)