Web Design Weekly #225


Atomic Classification

Trent Walton shares some wise words about Atomic Design in relation to the modular design. If you have looked into Atomic Design previously and it didn’t align with your needs then I would highly recommend this post by Trent. (trentwalton.com)

CSS, Sass, SCSS, Compass, Less, BEM, SMACSS, OOCSS…. (leemunroe.com)


Refresh your designs with this massive font bundle of 30 best selling fonts, from the best font creators in the world. Check it out now. (mightydeals.com)


REM vs EM – The Great Debate

The question is, which should you use? There’s been a longstanding debate between rem supporters and em supporters, believing that you should use one over the other. If you are still undecided this post by Zell Liew explores both sides to help you make a more informed decision next time you have the choice. (zellwk.com)

Preload: What Is It Good For?

Yoav Weiss explains the new preload keyword that is aimed at improving performance and gives us developers more granular loading control. It gives us the ability to define custom loading logic without suffering the performance penalty that script-based resource loaders incur. (smashingmagazine.com)

Mixins Better for Performance

Harry Roberts is not a fan of Sass’s @extend so he took the time to dive into the performance implications to settle his case once and for all. (csswizardry.com)

Style Guides: 50 shades of Corporate Blue

Mike Riethmuller shares some great advice about implementing style guides within an organisation. (madebymike.com.au)

AMP Project: Will it Make Your Sites Faster?

Google and the AMP Project are making a big push to get AMP adopted across the web, and they’re already doing well. In this post by Kezz Bracey she looks into what AMP means for us and what potential benefits / drawbacks we can expect. (tutsplus.com)

Do You Know These Eight HTML5 Tags?

Simon Codrington takes a look at some lesser known / edge case HTML5 tags that you could be taking advantage of. (sitepoint.com)

Popularity of Preprocessors on CodePen (blog.codepen.io)

Tools / Resources

5 Dos and Don’ts for Your Design Portfolio

Over the years Heather Phillips has reviewed countless design portfolios and has finally found some time to offer some tips to make sure your portfolio is as effective as possible. (medium.com)


Currently in ALPHA, WebpackBin allows you to load up NPM packages and webpack loaders superfast. All bins have their own URL which enables you to share your code with anyone extremely easy. (webpackbin.com)


Redesigning Cloud Four in the Open (blog.cloudfour.com)

An Interview with Una Kravets (css-tricks.com)

Discover Typography (discover.typography.com)


Sr. Product Designer at Booking.com

Join the world’s favourite accommodation platform and help define the future of travel. Reporting to the Design Director, this position affords the successful candidate broad scope for working on a variety of products within the current and future Booking.com family, based in our headquarters in the centre of Amsterdam. (booking.com)

Application Engineer at Vimeo

Vimeo’s mission is to empower creators to make, share and sell amazing videos directly to viewers worldwide, in the highest quality possible and with no interruptive advertising. If you’re dying to help us take Vimeo to the next level, we’re dying to hear from you. (vimeo.com)

Need to find passionate developers? Why not advertise in the next newsletter

Last but not least…

How to Level up as a Developer

Being a productive developer is something you can learn through experience, books or trial and error. But one of the best ways to become a productive developer is to learn directly from a developer who is already productive. (medium.com)