Web Design Weekly #187


Tooling is Not the Problem of the Web

Sebastian Markbåge expresses his frustration with various people stating that the web platform is good enough but people are just not smart / educated enough to use it. Interesting read. (medium.com)

Choosing Performance (timkadlec.com)

Don’t miss your last chance! Join us at the final HybridConf.

HybridConf is the conference where products, businesses and friends are made. Learn from our awesome lineup of speakers talking real world issues in a welcoming atmosphere where there are no VIPs – everyone is equal, whatever your skillset. Get motivated and join the fun in Dublin this August. (hybridconf.net)


Extending Styles

Philip Walton continues the conversation from Simurai’s great article that was featured in last weeks newsletter but takes a look at how we might approach answering this question rather than what the actual answer may be. (philipwalton.com)

Creating your first Angular 2 app

Martin Gontovnikas explains how to create a real world Angular 2 app using Pipes, Directives, Components, DI, ES6 and much more. (auth0.com)

Art-Directing SVG Images With The viewBox Attribute

In this epic post, Sara Soueidan looks in great detail at the SVG viewBox attribute. Warning: After digesting all the information, your SVG skills will be ‘next level’! (sarasoueidan.com)

In Defence Of WordPress

Mattias Geniar steps up to the plate to defend WordPress after all the hate for its latest security vulnerabilities that have become public. (ma.ttias.be)

Getting Dicey With Flexbox

Landon Schropp walks through the basics of flexbox by showing you how to build the faces of a die. (davidwalsh.name)

Hamburger icon: How these three lines mystify most people

The hamburger button has become a common symbol on our smartphones, tablets and computers. But, Chris Stokel-Walker asks what is it, where did it come from and do people really know what it means? (bbc.com)

text-rendering: optimizeLegibility is Decadent and Depraved (bocoup.com)

UX is UI (medium.com)

Tools / Resources

Totally Tooling Tips

A new Google Developer show where Matt Gaunt and Addy Osmani discuss some of the tools they use on a day to day basis. In the first episode, they look into a collection of plugins for Sublime Text and discuss how each one helps their workflow. (developers.google.com)

A re-introduction to JavaScript

This comprehensive article aims to ‘re-introduce’ JavaScript to clear up all the current confusions with the world’s most misunderstood programming language. (developer.mozilla.org)

Mega Dropdown

A responsive and easy to customise mega-dropdown component. (codyhouse.co)

Guidelines for Animation Timing

Dominic Nguyen explores how time changes user perception. (blog.percolatestudio.com)

How to test React components using Karma and webpack (nicolasgallagher.com)

Sibbell – The notifications platform for developers. (sibbell.com)

My icon design workflow (bjango.com)


Sass Pixel Art

This post by Una Kravets walks through how to read a matrix-like list with Sass and generate Mario pixel art from box shadows. Crazy stuff. (una.im)

Inspiration for Text Styles and Hover Effects

A couple of creative text styles and hover effects for your inspiration. Some effects use experimental techniques including SVG masking and Canvas. (tympanus.net)


Designer at Kinsa Health

We’re building the first real-time map of human health to stop the spread of communicable illnesses like the flu. Join our mobile design team and create best-in-class applications for family health. (kinsahealth.com)

Interface Designer at MetaLab

We’re looking for a team member with a proven eye for design. You’ll get to work closely with clients, developers and the rest of the design team. (metalab.co)

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

Last but not least…

WebGL Fluid Experiment (haxiomic.github.io)