Web Design Weekly #167
December 15, 2014 - Jake BresnehanHeadlines
How to make a performance budget
Daniel Mall noticed lots of people writing and talking about performance budgets lately, but hadn’t seen anyone exhaustively explain how to make one. So he did it himself. Thumbs up Dan! (danielmall.com)
The Offline Cookbook
The when/where/how of caching and serving content offline-first by Jake Archibald. (jakearchibald.com)
The State of JavaScript in 2015 (breck-mckye.com)
Sponsor Web Design Weekly and reach over 22,356 Developers
Articles
Reactive MVC and the Virtual DOM
An awesome post by Andre Medeiros. Andre talks about how frameworks come and go, but what remains are the good ideas that they brought to the development world. (futurice.com)
There is No Fold
Luke Wroblewski went on a pretty great twitter tear debunking the persistent myth of “the fold” in contemporary web design and Welch Canavan put all those tweets together for easy reference. (storify.com)
Responsible Web Components
Jeremy Keith adds his “two cents” about Web Components. (adactio.com)
The Pain of Duplicate Scripts
Steve Souders drops some great knowledge on how to avoiding the performance implications that duplicate scripts can cause (perfplanet.com)
Building Pinalytics – Pinterest’s data analytics engine (pinterest.com)
Everybody Scrolls (hugeinc.com)
The future of CSS (xanthir.com)
Tools / Resources
Implementing a visual CSS testing framework
Jessica Dillon from Bugsnag goes into details about how they do automated visual CSS testing. If you have a large CSS codebase, or just keen to reduce the possibilites of breaking your layout, this is a highly reccomended read. (bugsnag.com)
Find the Prototyping Tool You Need
Find the prototyping tool you need and compare tools to find the one that fits all of your design needs. (prototypingtools.co)
SVG Loaders
A nice selection of SVG loading icons which could come in handy for your next project. (github.com)
Sass Compatibility
A site that helps developers find out the incompatibilities between different Sass engines. Kinda like a Can I Use for Sass. Great idea! (github.com)
Write the Docs
A place for people to find out more information about writing better documentation. (writethedocs.org)
Responsive Type and More With Only CSS (medium.com)
Inspiration
Aaron Draplin Takes On a Logo Design Challenge
So awesome to look over the shoulder of one of the best designers on this planet. Inspiring stuff. (vimeo.com)
CSS peeling text demo (codepen.io)
Jobs
Web Design Instructor for Tuts+
Here’s the challenge; we want you to teach our students how to design for the web. We’re looking for web designers to teach video-based courses at Tuts+. Get paid a competitive rate to share your knowledge and experience with the millions of students using Tuts+ every month. (tutsplus.com)
From the blog
The Challenging Period
As developers we are constantly exploring, pushing our knowledge, questioning what we are crafting and all too often confused as hell. This post is a little reminder that at times like these we need to embrace the moment and step up. (web-design-weekly.com)