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…
<x-beat>
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)
The post Web Design Weekly #149 appeared first on Web Design Weekly.