Web Design Weekly #125


Optimising Web Font Rendering Performance

Just because the page is using a web font, or several, doesn’t mean it will (or has to) render slower. A well optimised site can deliver a better and faster experience by using web fonts. In this article Ilya Grigorik explains how. (igvita.com)

The Design Kickstarter Bundle (400+ items)

Full of more than 400 different pieces, you’ll get loads of new textures, Photoshop brushes, vector elements, swoosh typefaces, Photoshop action sets, and more! Best of all, this giant bundle won’t break the bank! That’s because for a limited time only, you can get it all for only $17! See what’s inside. (mightydeals.com)


Is putting the CSS in the head a good idea?

Hans Christian Reinl explores the downsides of placing CSS in your HTML head instead of referencing external files. (medium.com)

Sass: Mixin or Placeholder?

A clear and concise article by Hugo Giraudel which should help clear up not only what mixins and placeholders are for, but also when you should use them and what effect they will have on the compiled CSS. (sitepoint.com)

Don’t use flexbox for overall page layout

Jake Archibald covers some interesting points about why Flexbox isn’t the best thing for overall page layouts. (jakearchibald.com)

Introducing “subhead”

An entertaining letter by Jonathan Neal’s addressed to the W3C about why they should think about the <subhead> element. (jonathantneal.com)

Getting Started With Pattern Libraries

Anna Debenham goes into detail on why you should build design systems and pattern libraries for your projects. (alistapart.com)

Spirit by Jeremy Keith (adactio.com)

Tools / Resources

How To Land A Dream Job

Some great tips for landing your dream job by some of the most talented designers on the planet. (fastcodesign.com)

Lemanz – Starting Template

A starting point project by Dennis Gaebel which he uses for all his personal / work-related Sass projects. Some pretty cool stuff going on, so if you have time be sure to dig around. (github.com)

Finally, an attempt to bring some sanity to HTML email

A W3C community group has been created with the aim of developing a standard for HTML email. Anyone can join and help to shape the future of email. (w3.org)

Practicing Safe Script – Alex Sexton talks about web security (youtube.com)

Writing Your First Sweet.js Macro (jlongster.com)

WOW.js — Reveal Animations When You Scroll (mynameismatthieu.com)

Stale — Help report and fix outdated content (github.com)


CSS and JavaScript: Can’t We All Just Get Along?

Jeffery Zeldman talks to Nicole Sullivan about running CSS Conf, building scalable systems that won’t break, designing for speed and performance, learning Ruby, Object Oriented CSS and so much more. (muleradio.net)

GitHub Octoverse 2013 (github.com)

By a thousand cuts (the-pastry-box-project.net)


JavaScript Engineer – Brightcove

We’re looking for a talented Javascript developer to help us build a new product to add to the Brightcove ecosystem. You’ll be working full stack, in JavaScript, to build out incredible user experiences for our customers and theirs. This isn’t just a site. It’s a platform that will grow over time. (brightcove.com)

Front-End Developer at Shopify

Shopify is looking to grow the team responsible for building the next generation of commerce. As a front end developer, you’ll work alongside some of the most talented people in the industry crafting world-class experiences for over 80,000 shop owners across the world. (shopify.com)

Post a Job in Web Design Weekly

From The Blog

Respond Recap

I was fortunate enough to attend an amazing conference this week called Respond which was focused around the Responsive Web Design. It included the likes of Ethan Marcotte, Jason Grigsby, John Allsopp, Brad Frost and more. (web-design-weekly.com)

Last But Not Least…

Facebook’s Paper photo tilt feature in HTML5 (jt.io)

International box-sizing Awareness Day (css-tricks.com)