Web Design Weekly #244


A Front End Developer is Aware

Chris Coyier shares his insights into why front end developers need to be aware of a whole range of things, like design, performance and the back end, to get the job done better. A great post. (css-tricks.com)

The History of the URL: Domain, Protocol and Port (eager.io)


A Comprehensive Guide to Font Loading Strategies

This one by font loading guru, Zach Leatherman, offloads copious amounts of knowledge about ways to load fonts in today’s web world. (zachleat.com)

Front End Development in an Internet of Things World

Patrick Catanzariti looks at how the Internet of Things may affect the way we go about developing in the coming years. (sitepoint.com)

How You Can Use Element Queries Today

Element queries are like media queries, except that their rules apply to the properties of actual elements, rather than those of the browser’s viewport. Tommy Hodgins gives us the full lowdown. (smashingmagazine.com)

Links vs. Buttons in Modern Web Applications

Confused about the differene between links and buttons? Or when it’s appropriate to use either? Thankfully Marcy Sutton explains things in an easy digestible way that should help you level up your skills. (marcysutton.com)

BEM & Atomic Design: A CSS Architecture Worth Loving (lullabot.com)

The Conjoined Triangles of Senior-Level Development (frontside.io)

Tools / Resources

Coding mobile-first emails

Stig from Campaign Monitor takes us through an incredibly detailed step-by-step guide of how to create a universal mobile-first responsive HTML email that works well in even some of the more difficult email clients using some clever techniques and workarounds. (medium.com)

Set Up Automated, Cross-browser JavaScript Unit Testing

If you’ve never set up automated, cross-browser JavaScript unit testing yourself but have always wanted to learn, then this article is for you. It was on Phil Walton’s to do list for many years, and he found the tools out there added wmore compexity than they got rid of. So he built his own tool and shares it with us. (philipwalton.com)

Speeding Up Babel Transpilation with Compact Mode

Here’s a neat trick to speed up your transpilation time from around 6 seconds to 1.5 seconds. (blog.mariusschulz.com)

React CXS

Alternative `React.createElement` function which allows style objects to be passed to the className prop to generate CSS. (github.com)

A collection of awesome resources for learning Service Workers (github.com)

HTML5 Test Updated (blog.html5test.com)

Type Nugget (typenugget.com)


Overtime with Allison House (dribbble.com)

Apollo 11 source code now on Github (github.com)


UI designer at TM

As a UI designer at TM, you will help define and drive products across a wide variety of technology industries. In this role, you will apply your passion for product strategy, brand and craft to influence the user interface design of new products and apps. (weare.tm)

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

Last but not least…

Emails From A CEO Who Just Has A Few Changes To The Website (medium.com)