Web Design Weekly #149

August 11, 2014 - Jake Bresnehan

Headlines

Pure CSS parallax scrolling websites

In this article Keith Clark demonstrates how to use CSS transforms, perspective and some scaling trickery to create a pure CSS parallax scrolling website. (keithclark.co.uk)

Shipping the new GitHub Issues (markdotto.com)

Articles

HTML5 Prefetch

HTML5 provides a new and still relatively unknown feature that goes by the name of “prefetch”, which allows us to load resources ahead of time, to provide users with a fast and instant experience. (medium.com)

The First CSS Variable: currentColor

CSS variables are slowly making their way from initial draft to browser implementation. But one variable has existed in the specification for years: currentColor. This CSS feature has good browser support and some practical applications, so now is an excellent opportunity to learn how to use it. (demosthenes.info)

Build A Blog With Jekyll And GitHub Pages

Barry Clark gives you all the details on how to get up and running with the popular static site generator Jekyll. (smashingmagazine.com)

Reimagining Codecademy

Manuel Lima expands on the main design principles that helped guide the Codecademy through there 3-month redesign. (medium.com)

TechCrunch Open Sources Its WordPress Async Task Library (techcrunch.com)

Building Node.js Together (nodejs.org)

Tools / Resources

HTML5 device mockups

HTML5 mockups of popular devices, to showcase your portfolio and spice up your website. (github.com)

BrowserSync

When you’re making responsive websites, there’s a lot of tweaking and testing to do. BrowserSync makes your workflow faster by synchronising URLs, interactions and code changes across multiple devices. (browsersync.io)

Input – Fonts for Code

Input is a flexible system of fonts designed specifically for code. It offers both monospaced and proportional fonts, all with a large range of widths, weights and styles for richer code formatting. (fontbureau.com)

Live editing AngularJS apps with Facebook Flo (youtube.com)

9 awesome posts about web performance (webperformancetoday.com)

CSS to replicate the GitHub Markdown style (github.com)

Airbnb JavaScript Style Guide (github.com)

Inspiration

Advice to budding developers

Harry Roberts gives some great advice on how to get into the industry, how to make a name for yourself and how to make it as a professional front-end developer. (csswizardry.com)

Designing the new Foursquare

Sam Brown writes up his thoughts about the journey of leading the design efforts for the relaunch of the new Foursquare. (medium.com)

Lessons learned on a 3‑month sabbatical (destroytoday.com)

No More Unicorns – CJ Silverio (youtube.com)

Jobs

Front-end Engineer at Disqus

Disqus is seeking a Software Engineer who loves working with cutting edge front-end technology to build amazing consumer experiences on all sorts of devices. This highly technical role will be a key position in helping deliver content to hundreds of millions of users on the web. (disqus.com)

Advertise in next week’s newsletter →

From The Blog

Autopolyfiller

Generate JavaScript polyfills with AutoPolyfiller using a simple gulp or grunt plugin as simply as CSS prefixes with autoprefixer. (web-design-weekly.com)

Last But Not Least…

A Web Component for generating a continuous stream of beats from (currently) MIDI and (soon) Web Audio for the synchronising of GIFs to music. (github.io)

Create your own ‘burning hair’ GIF with JavaScript! (github.com)