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.
Headline
Split
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.”
Sponsorship
<
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 todayArticles
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?Tutorials
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.
SubGrid
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
//Sponsor
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.Resource
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.
>Finally
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.
Cheers,
Justin.
