Web Design Weekly #141

Headlines

The Color Purple

A very moving piece by Jeffery Zeldman about an extremely sad event that Eric & Kat Meyer have endured. If you have a free moment please take the time to post a tweet with the hashtag #663399Becca. (zeldman.com)

Easy To Use Online Timesheet Software

Quick Timesheets is designed for professional consultants and services businesses who need to keep track of time for client billing or within organisational project teams. (quicktimesheets.com)

Sponsor Web Design Weekly and reach 18,600 developers

Articles

Sharing Data Between Sass and JavaScript with JSON

A super interesting technique by Nate Hunzaker that uses a JSON file to share data between Sass and JavaScript. (viget.com)

Comparing two ways to load non-critical CSS

Scott Jehl and a bunch of other smart developers discuss the finer points of working out the fastest way to load non-critical CSS so that the impact on initial page drawing is minimal. (gist.github.com)

A Basic Introduction to jQuery

Keen to learn some jQuery or still trying to understand all the gibberish? This article by Paul Tero should hopefully help you out. (smashingmagazine.com)

Breathe new life into your CSS

Craig Grannell proves there’s still plenty of excitement left in CSS with this collection of top tips from industry experts. (creativebloq.com)

Everything You Need to Know About the CSS will-change Property (dev.opera.com)

Hidden URLs (chriscoyier.net)

Tools / Resources

Using Sass Maps

Hugo Giraudel gives an overview of Sass maps and discusses how we can use it to make our code more structured to help avoid code bloat and repetition. (sitepoint.com)

Building With Gulp

In this post Callum Macrae explains how you can use Gulp to change your development workflow to make it faster and more efficient. (smashingmagazine.com)

Getting Started with Browserify

Patrick Catanzariti gives an overview on what Browserify is, how it works and a few options for adding it into your workflow. (sitepoint.com)

React Bootstrap

The most popular front-end framework, rebuilt for React. (react-bootstrap.github.io)

An overview of using vectors in digital design (medium.com)

Advanced Uses for Chrome DevTools (youtube.com)

Bounce.js (bouncejs.com)

Inspiration

Creative Exhaust

Brad Frost’s TED talks about how the web has transformed the creative process and unlocked new opportunities for collaboration and openness. (bradfrostweb.com)

Swoop — A very well executed Canvas game (swooop.playcanvas.com)

Niice — A search engine with taste. (niice.co)

Industry Conf’s videos on Vimeo (vimeo.com)

Last But Not Least…

Stack Overflow survey of 20,000 developers

Stack Overflow surveyed 20,000 developers over the past three years about the technologies they use, their jobs, their companies. Some super interesting data to be found in the results. (statwing.com)

WebGL won! (plus.google.com)

Want to become a better web developer?

Join over 20,000 other developer & designers who get awesome links to the best news and articles each week delivered directly to their inbox.