Web Design Weekly #118


Chrome DevTools for Mobile: Screencast and Emulation

Massive props to all the developers that are making this happen!!! This article by Paul Irish looks at all the new features in the Chrome. So much awesomeness! (html5rocks.com)

Teamwork for Pros

The only collaboration tool designed by web developers for web developers. Integrable with Springloops SVN/Git Source & Deploy and 100% FREE up to 10 users, it gives you everything you’ll ever need to run all kind of code-orientated projects. Get started now and see your projects grow in real-time. (dobambam.com)


Surveying the Big Screen

With over three years of responsive web design in our collective portfolios, we now have a solid set of design patterns for making websites work on small devices. But what about larger screens? (alistapart.com)

The (other) Web we lost

In the aftermath of the Browser Wars, the W3C and developer groups like the Web Standards Project worked long and hard to rebuild a unified, un-fragmented Web. But these last few years, we developers have gone and re-fragmented it all over again all by ourselves. Maybe we should think about what we are losing, before we lose this Web for good. (webdirections.org)

The Business of Responsive Web Design

This article is a rough transcript from Mark Boulton’s fantastic talk from the recent Handheld Conference in Cardiff. (markboulton.co.uk)

Designing Offline-First Web Apps

When it comes to building apps, we often assume our users are very much like us. We picture them with the latest devices, the most recent software, and the fastest connections. And while we may maintain a range of older devices and browsers for testing, we spend most of our time building from the comfort of our modern, always-online desktop devices. (alistapart.com)

“View mode” approach to responsive web design (medium.com)

The many layers of web design (vasilis.nl)

Support this newsletter by getting your hands on some WDW merchandise →

Tools / Resources

URL Rewriting for the Fearful

Rewriting URLs can be a pain, but the advantages are clear. Keeping a tidy URL structure, disconnected from the technology or file structure of your site can result in URLs that are easier to use and easier to maintain into the future. Drew McLellan explains how. (24ways.org)

Techniques for Creating Textured Text

In this article Sara Soueidan explores all the current techniques for creating image or texture-filled text and shows you how to apply them. (tympanus.net)

Phantomas – Modular web performance metrics generator

Phantomas is a command line tool build on top of PhantomJS – scriptable headless browser running on WebKit. phantomas gives you not only an overview with metrics such as number of requests, domains used, resources timing, but also in-depth view of what’s happening inside CSS, JS and so much more. (perfplanet.com)

Kalei – Style Guide

Generate bootstrap-like documentation for your own CSS. This tool aims at making sure your style sheets are fully documented whilst being synchronised with your webpage styles. (kaleistyleguide.com)

Advanced JavaScript Debugging with console.table() (mariusschulz.com)

The latest Chrome DevTools news (html5rocks.com)

More efficient Grunt workflows (martineau.tv)

My SCSS style guide (joelglovier.com)


JavaScript: Taking Off the Training Wheels

This article aims to help you feel happy writing JavaScript, and maybe even without libraries like jQuery. It’s not super comprehensive, but it’s a springboard from which you can jump to other great resources. (24ways.org)

Exploring canvas drawing techniques

Juriy Zaytsev explores different code implementations of canvas brushes. A super helpful guide to help understand how to implement free drawing on canvas yourself. Each brush also has a nice CodePen demo. (perfectionkills.com)

Awesome list of conference videos by Paul Irish (delicious.com)


Front End Engineer at The Monkey Inferno

The Monkey Inferno is a startup idea lab where we work in small teams to dream up and build new consumer web products. We’re hiring a Front End Engineer to work on a variety of challenges — from established websites to experimental ventures to mobile webviews. (monkeyinferno.com)

Front-End Engineer at Yelp – San Francisco

Our front end engineers are the glue between our engineering team for more than 108 million people who visit our site every month. Yelp is looking for a front end developer who walks the HTML, CSS and JavaScript stack with ease. In this role you would do everything from implementing new UIs and features to battling browser inconsistencies through daily release cycles. (yelp.com)

Post a job in a future issue of Web Design Weekly →

Last But Not Least…

iOS WebKit browsers and auto-zooming form controls (456bereastreet.com)

If one hit a week isn’t enough, follow WDW on Twitter