Web Design Weekly #83


Catching up with Brad Frost

Brad Frost is one of those web developers that always seems to be one step ahead of the game. His personal site is a hive of interesting thoughts, especially in the responsive design arena. All his side projects are super helpful and his passion for our industry is contagious. I fired a few questions over to Brad and he kindly sat down with his good pal Ziggy to give us all some sound advice. (web-design-weekly.com)

Blink: Google’s Forked Version of WebKit

In the short term, Blink will bring little change for web developers. The bulk of the initial work will focus on internal architectural improvements and a simplification of the codebase. For example, they anticipate to remove 7 build systems and delete more than 7,000 files — comprising more than 4.5 million lines — right off the bat. Over the long term a healthier codebase leads to more stability and fewer bugs. (blog.chromium.org)

Hello Blink

Bruce Lawson gives some brief thoughts on the exciting times ahead for the Opera browser using Blink. (brucelawson.co.uk)

Mozilla & Samsung Collaborating on New Web Browser Rendering Engine (mozilla.org)

Support this newsletter by becoming a memberfor the price of a coffee →


CSS Masking

Two commonly used operations in computer graphics are clipping and masking. Both operations hide visual portions of an element. If you have worked with SVG or HTML Canvas before, these operations are probably not new for you. The new CSS Masking specification aims to bring these two operations to the HTML world. (html5rocks.com)

CSS: Everything is global and how to deal with it

Philip Walton shares some strategies for dealing with the global nature of CSS, whether in your own project or when creating a library. (adobe.com)

Deploying JavaScript Applications

Alex Sexton shares tips and techniques for optimising and deploying large JavaScript applications. (alexsexton.com)

Responsive Deliverables

The old PSD-to-HTML workflow served us well for many years, but isn’t able to stand in the face of all the complexity that responsive web design and the multi-device web have introduced. (daverupert.com)

Printing The Web

Some great advice by Hans Christian on what you can do to get the best out of your page if it is printed. (drublic.de)

Internet Explorer 11′s user-agent string: What does it mean? (nczonline.net)

Using decimal percentage values in responsive design (nimbupani.com)

8 Guidelines and 1 Rule for Responsive Images (cloudfour.com)

Border-corner-shape is in danger, and you can help! (lea.verou.me)

CSS3 transitions and z-index (zomigi.com)

Tools / Resources


Bespoke.js is an HTML5 presentation micro-framework, less than 1KB minified and gzipped, with no dependencies. Bespoke.js provides the foundation, then gets out of your way so you can focus on uniquely crafting your own personal deck style. Using keyboard and touch events, Bespoke.js adds classes to your slides, while you provide the CSS transitions. (markdalgleish.com)


Creating, testing and maintaining a large JavaScript code base is not easy — especially since great resources on how to do this are hard to find. This website is a collection of the best articles, videos and presentations on the topic. (superherojs.com)

High-speed coding with Emmet

Emmet, previously known as Zen Coding, is the most productive and time-saving text-editor plugin you will ever see. By instantly expanding simple abbreviations into complex code snippets, Emmet can turn you into a more productive developer. (smashingmagazine.com)

A Sublime Text plugin that integrates with Twitter’s Bower tool (germanforblack.com)

DevTools Extensions For Web App Developers (addyosmani.com)

Guard is Your Best Friend (net.tutsplus.com)

SVG Patterns Gallery (philbit.com)


Want to learn to code? Start here.

This post by Zack Shapiro is intended for working professionals who feels a strong desire to code to build things that they want to see exist in the world. (zackshapiro.com)


Super impressive weather web app. Make sure you check out some of the map animations. (forecast.io)

Crazy cloth simulator in JavaScript (codepen.io)

Spring Bee with 1k of JavaScript (js1k.com)

The Webby Awards Gallery (webbyawards.com)


JavaScript developer & Campaign Monitor

We’re looking for someone who lives and breathes JavaScript to take a leadership role within our engineering team and be responsible for the role it plays in how we build software. (campaignmonitor.com)

Place a job in next weeks WDW

Last But Not Least…

The 11 Phases of a Web Developer’s Career

The career of a web developer is an interesting one with many slopes. Considering a learning curve this steep, you can fully expect to live through periods of frustration, enlightenment, self-righteousness and every mindset in between. (net.tutsplus.com)

Read with your Webcam

Point your webcam at yourself and swipe your hand left or right to turn the pages of the book. This kinda stuff always blows my mind! (mozilla.net)

If the earth was 100 pixels wide… (distancetomars.com)