Web Design Weekly #117


My Design Principles

Jordan Moore shares his design principles. They serve as a guide for design decisions and help him focus on good, honest values when making products for real people. (jordanm.co.uk)

60fps scrolling using pointer-events: none (thecssninja.com)

10 One-Page Bootstrap Themes from DX Themes ($1 each!)

10 high-quality, professional Twitter Bootstrap themes for your website. Specifically, this offer includes 9 single-page HTML5 templates and 1 single-page WordPress portfolio theme. All 10 are built on the highly popular and easy-to-customize Twitter Bootstrap framework and with a responsive design. See the themes. (mightydeals.com)


Animated SVGs: Custom easing and timing

A really great introduction to creating animated SVGs by the very talented Mike Fortress from Oak Studios. (oak.is)

Getting Started with Stylus

We hear a lot about two popular CSS preprocessor: Sass and LESS. But not so much about the third big preprocessor: Stylus. In this article David Walsh explains why he chose to use Stylus for the Mozilla Developer Network redesign. (teamtreehouse.com)

How to give feedback (without destroying someone’s soul)

The opportunity to give feedback to others is both an important task and a compliment. The person seeking feedback respects your opinion and wants your contribution. It can be fun and rewarding; what you say could change how they perceive their design and how they choose to evolve their idea. (redpen.io)

The Elusive :target Feature Test

:target is a CSS pseudo-class that is often overlooked. It’s a very useful tool in the performance toolkit for moving content hiding from JavaScript up the toolchain into CSS. (zachleat.com)

Node.js at PayPal (paypal-engineering.com)

Support this newsletter for as little as $2/month. Find out more →

Tools / Resources

Synchronised Cross-device Mobile Testing

If you’re a web developer targeting the multi-device web, it’s likely you have to test your sites and web apps across a number of different devices and configurations. Synchronised testing can help here and is an effective way to automatically perform the same interaction across a number of devices and browsers at the same time. (html5rocks.com)

A Better Workflow with Watches in Chrome Developer Tools

Over the years Remy Sharp has showed off his Chrome Developer Tools workflow. This time he shows how he uses Watch Expressions to speed up his debugging. (remysharp.com)

DOM Monster

DOM Monster is a cross-platform, cross-browser bookmarklet that will analyse the DOM & other features of the page you’re on and give you its bill of health. (mir.aculo.us)

HTML Elements You Should Be Using

Landon Schropp gives a brief overview of 8 relatively unknown HTML elements to help your markup become more semantic. (davidwalsh.name)

Grunt plugin to create SVG image sprites from separate SVGs (github.com)

Cleanest CSS spinner, ever (lea.verou.me)

Making Fast RWD Sites (guypo.com)


Trent Walton CSS Zen Garden theme: Apothecary

Typekit commissioned a few CSS Zen themes to be designed. This one by Trent Walton is awesome. Find out all the nitty gritty details in this post on the Typekit blog. (blog.typekit.com)

Shop Talk Show 91 — Javascript Jabber Crossover

Shop Talk is one of my favourite podcasts at the moment and this episode is gold! Dave and Chris are joined with the JS Jabber guys, Merrick and Jamison. (shoptalkshow.com)

Learning to Code

If you believe that with time and patience you can figure the whole coding thing out, in time you almost certainly will. (medium.com)

Some of the best Data Visualisation in 2013 (informationisbeautifulawards.com)

A Spreadsheet in 295 bytes of JavaScript (aem1k.com)

Web GL Ocean Wave Simulation (david.li)


Web Developer At Yelp!

Our web developers are at the core of what makes Yelp the most fun and useful local business review guide. Whether it’s clean interfaces, scalable servlets, or testing frameworks, they kick ass at everything. They implement whole features independently, and they iterate fast: they release code everyday. (yelp.com)

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

Last But Not Least…

Chrome Canary Speeds Up!

Chrome Canary just landed an awesome speed improvement for webfonts! In fact, their metrics show that it should reduce webfont download latency by ~110ms at the median. (plus.google.com)

Front End Web Development Quiz (davidshariff.com)