Web Design Weekly #199

August 17, 2015 - Jake Bresnehan

Headlines

The technology behind preview photos

The talented team at Facebook explain how they went the extra mile and sped up page load times by 30%. Awesome posts and hats off to the Facebook developers for sharing. (code.facebook.com)

Sponsor WDW and Reach Over 23,000 Developers

Articles

Understanding Critical CSS

Keen to make your site faster? Dean Hume has you covered. Dean explains what critical CSS is and how you can go about implementing it into your site. (smashingmagazine.com)

What the Flux?! Let’s Redux

I haven’t had time to play with Redux but this post and all the good things I have been hearing pushes the priority up the to-do list. If you are a JavaScript developer make time for this post. (blog.andyet.com)

The Hamburger Menu Doesn’t Work

Oh… another post about the hamburger menu… Sorry. But it’s a great summary of why the hamburger menu might not be the best option with examples of Facebook and other big companies dropping it. (deep.design)

Why empty states deserve more design time

Dina Chaiffetz feels that empty states are being under-utilised and if used correctly are full of potential to drive engagement, delight users and retain users at critical moments. (medium.com)

Deconfusing Pre- and Post-processing

There has been a little confusion of late around pre- and post-processing and in this post by Stefan Baumgartner digs in to help clear things up. (medium.com)

Getting Garbage Collection for Free (v8project.blogspot.com)

Tools / Resources

Easee, a web animation tool for designers

Steven Fabre has been obsessing over animation for the last few years and has decided to build a tool to make things easier. He also wrote a nice post about the things he learnt whilst building it which is worth a read. (easee.design)

Facebook’s Relay Released

Relay is a JavaScript framework for building data-driven React applications that has been talked about for quite some time and is now open-sourced for all of us to enjoy. (facebook.github.io)

Understanding CSS: Selector Specificity

Daniel Eden goes back to basics and explains how CSS specificity works. If you are just getting into web development or you need to scrub up your CSS, make time for this. (medium.com)

Angular 2 Template Syntax Demystified

The new Angular 2 templating might seem a little strange to understand at first but hopefully after reading this post buy Pascal Precht you shouldn’t have any problems. (blog.thoughtram.io)

getCaniuse

It turns caniuse.com into a plugin that you can use on your website with ease. (github.com)

FontCDN: A search tool for Google web fonts (fontcdn.org)

PHP 7 – Things You Need to Know (hongkiat.com)

GitHub As A Workflow (hugogiraudel.com)

Ember.js 2.0 Released (emberjs.com)

Inspiration

Creative Code Sketches (codedoodl.es)

Jobs

Junior Rails Developer – Insured by Us

Insured by Us are a small team doing big things in the world of travel insurance. We’re looking for a junior to mid-level developer who’s been working with Ruby, and Ruby on Rails for 1-3 years. We’re a small geographically diverse team who value remote work and a healthy work/life balance. (insuredbyus.com)

Need to find passionate developers? Why not advertise in the next newsletter

Last but not least…

The ethics of modern web ad-blocking (marco.org)

How DNS works (howdns.works)