Web Design Weekly #136



A new site that aims to be the place where members of the Web Components ecosystem document web components best practices. (webcomponents.org)

Burying the URL

Lots of hot drama this week around the visibility of the URL in a Canary build of Google Chrome. (allenpike.com)

Jekyll turns 2.0.0 (jekyllrb.com)

Help support Web Design Weekly today by getting your hands on an awesome t-shirt or some stickers!


JavaScript’s “this”

In JavaScript, the special variable “this” is relatively complicated, because it is available everywhere, not just in object-oriented settings. This blog post explains how “this” works and where it can cause problems, concluding with best practices. (2ality.com)

Should you use HTML5 header and footer?

Bruce Lawson’s gives a quick overview about why we should be using some of the core HTML5 elements instead of just div’s. (brucelawson.co.uk)

Styling with STRINGS

Simurai goes into detail about how we can use Flexbox, currentColor and EMs inside components to quickly style entire Web Apps straight in the browser (simurai.com)

Getting Started With NodeJS

A large selection of easy to follow and well recorded screencasts by Derick Bailey. (watchmecode.net)

Tips for Creating Accessible SVG

This article by Léonie Watson looks at ways to make SVG content as accessible as possible. (sitepoint.com)

Code ’14 Wrapup (webdirections.org)

Tools / Resources

Digging, Debugging

Brian Arnold walks through loads of useful debugging tips. Couldn’t recommend this enough! (youtube.com)

Advanced tips for using gulp.js

This post discusses some common pitfalls when using gulp.js, plugins and streams in a more advanced and custom way. (medium.com)

Leaving Pixels Behind

A pretty mega slide deck by Todd Parker about a vector workflow for designers. Epic slide deck. Keep an eye out for the video, it’s sure to be good. (docs.google.com)

Resources to help drop IE8

For the people that still support IE8, here’s a few resources to help make the case on dropping support. (plus.google.com)

SpeedCurve – front-end performance monitoring

SpeedCurve is a front-end performance monitoring tool that allows you to track how your front-end code base is evolving and it’s impact on performance. (speedcurve.com)

Resources – Design / UX

200+ sites, apps & books that Dan Edwards has compiled for designers. (medium.com)

10 Secrets to Becoming a Great Remote Developer (x-team.com)

GitHub’s Atom editor is now fully open-sourced (github.com)

New hotness in Firefox Developer Tools (mozilla.org)

Flo — a new live coding tool by Facebook (github.com)


Fostering Healthy Non-Professional Relationships

A great article by Jeremy Girard that covers ways to foster healthy non-professional relationships and better well-being. (smashingmagazine.com)

Refactored PHP engine makes WordPress 20% faster (php.net)


Public Broadcasting Service (PBS) Front-End Web Developer

Front-End Web Developer is responsible for developing/maintaining code for the presentation layer of PBSi products. Responsibilities also include ensuring that the HTML, CSS, JavaScript performs efficiently, robustly, solidly and adheres to industry standards. (pbs.org)

Advertise your job in next week’s newsletter →

Last But Not Least…

Rethinking web app development at Facebook

A look into why Facebook has gone down the Flux & React path. (youtube.com)

Network connectivity: optional (vimeo.com)