RWD Weekly #356

Hi everyone and Happy Easter to you on this greatest of Good Fridays. For those of you that don’t celebrate Easter (I celebrate the chocolate), I hope you still manage to get a long weekend out of it.

If you’re spending it with your extended family and you’re looking for some alone time over the weekend then I encourage you to look at the client hint articles this week and see if you can implement them yourselves. 



A great article from Jeremy, and if you haven’t read it yet and there’s only one article that you’re going to read on Good Friday then mak this that article.

“There’s a second-order effect. By making React—or even JavaScript in general—a requirement for styling something on a web page, the barrier to entry is raised.”


View of the crowed infront of a speaker at JS Nation event<

JSNation Conference 2019: Core lib authors, hands-on learning, summer Amsterdam

JavaScript is #1 on-demand programming language in the world with 25 millions of developers behind it. Meet the ones who shape the present and the future of the prospering nation. This year, you can expect 500+ attendees and 2 tracks: one with General JS insights, the other with NodeJS talks. Get 15% off of Regular tickets with the code RDWeekly. Get your ticket today


Some Unsolicited Newsletter Advice

Robin writes the CSS Tricks newsletter and it is one hell of a good read, if you haven’t already subscribed you should do. In this article Robin lays out five different tips on how to write better newsletters (or even better emails for that matter)  

Three Ways of Checking Rel=preconnect Resource Hints Are Working

Implementing preconnect is a great way to shave off lookup times on the cascading waterfall page load, but how can you be sure it’s doing what you want it to?

UX Engineering – DEV Community 👩‍💻👨‍💻

So what exactly does a UX Engineer do anyway?



CSS masonry with flexbox, :nth-child(), and order

Masonry.js is the best way to get a proper masonry layout because the JS will change and update the layout on the fly based on the users screen and interaction with the viewport, but it’s a js that might not run. This is another approach using tools in our CSS tool belt.

Optimizing Performance With Resource Hints

Following on from the article about preconnecting, Drew looks at a number of different resource hints that can be used to improve the users experience (with preconnect being one of those resource hints). I use the prefetch approach with the Briefer History of Time online book for the next chapter, a perfect example for its usage.


Rachel uses twitter to give us all an overview of Sub Grid and where it can be beneficial in our future projects. 

CSS Grid: Style Guide



Get a Free .design Domain Name For Your Website!

Thinking of building your portfolio? .design is like .com and .net, but it’s more relevant to what you do as a designer. Your .design name comes with free email, SSL, & a Site Builder.


Front-end Developer Handbook 2019

This is a guide that everyone can use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2019.



Just a short week this week due to the short week. We’re going away on a get together with our extended family so I’m sure I’ll be taking my self off someone to work on a side project for a few hours… this week’s side project is brought to you by 8th Wall – web based AR.



Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.