Web Design Weekly #118
December 09, 2013 - Jake BresnehanHeadlines
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)
Articles
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)
Inspiration
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)
Jobs
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)