1. Home
  2. Discover
  3. Design
  4. Responsive Design Weekly

RWD Weekly #462— the one about the little yellow book

Read online

Hello again, welcome back to RWD Weekly #462 happy Friday!

This week I've been setting up some elements of websites that aren't traditionally part of the build process itself. These things, while nothing to do with the CSS/HTML/JS on the site are just as important for a users journey onto your site.

What kinds of things?  Well, the feature image this week comes from Help Scout's diversity and inclusion page (I've been working with clients to build their careers sites the past 6 years so this stuff sticks out for me still).  Help Scout is all about how you can centralise and process support tickets that come in from your website users and is an incredibly important part of sites, especially those that provide platforms or services.

I also had a deep dive into a tool called Intercom which is all about conversations with your users, but more on that another week.

While these tools have nothing to do with responsive web design, they are an important part of the toolchain you might use to deal with your customers.

Let's get linking.
 


Sponsor

Live Workshops on Front-End & UX

Boost your design skills online and learn practical insights from experts in the industry, live. That’s Smashing Online Workshops, broken into 2.5h live sessions, spanning across weeks. With tangible takeaways, exercises, access to experts, slides, recordings, and a friendly Q&A.

E.g. Design Systems with Brad Frost, New Adventures In Front-End with Vitaly Friedman or Modern CSS with Stephanie Eckles.
See the full lineup
Advertise your product, service, or job opportunity to 26,180 tuned in web designers and developers. Find out more.

Articles

Web Design Done Well: Making Use Of Audio

Design often revolves around visuals, but the other senses deserve love too. In this article, Fred tunes in to audio features that are making sites quite literally sing.
 

Bookiversary.

A nice interview with Ethan ten years after the little yellow book was released. It's nice to hear about how Ethan came up with the desire to write about RWD to start with and his thoughts on the changes of the web platform over that time.
 

Media Queries in Times of @container

Max Böck looks at whether Media Queries will be replaced with Container Queries... and the results will shock you!  Ergh, I'm not going to be one of 'those' publications.  Max found that, while container queries can replace a lot of usecases for media queries, there are still some places where media queries fit better — overall page structure/layout, specific media types (large television dispalys for exampe) plus a few other scenarios.
 

Tutorials

Multi-Column Sortable Table Experiment

There are so many times when I want to sort things by two columns and it's rare that I find an implementation done on the web. Adrian is not only trying to solve that, but also do it so that it is accessible as well.
 

My 3 tips about Flexbox that will make your CSS better

Three nifty tips from Staf that you will likely use in just about any new project you're buildilng out where you might reach for flexbox.
 

Serving sharp images to high density screens

A great overview from Jake on how to get the chrispest images on your site dependingon the DPI rate of the device viewing the image. This tutorial goes to show you just how specific you can go to get the right kind of image back, but for me using a service like cloudinary is much easier for almost all the same benefits.
 

Jobs

Midweight Design Engineer

Clear Left are looking for a design engineer to join their team. You’ll get to tackle big, interesting challenges for diverse clients — including Natural History Museum, EngineeringUK, Queen Mary University, Carlsberg and Virgin Holidays to name a few. One of the best bits (I think) is that you get to work with Jeremy.
 

Senior Front-End Engineer

We are looking for a Senior Front-End Engineer to join the web team—the team behind the Unsplash website. Over the years, we’ve taken Unsplash from a humble Tumblr blog to a fully-fledged web app supporting tens of millions of users and tons of useful features. We’ve done all of that with a lean team of just 2/3 web developers, but there’s still so much more to learn and do, and that’s why we need you!
 

UI / UX designer (Remote $85k—$120k)

The team at NFT42 is searching for a UI/UX Designer available for a fulltime/remote position. In this role, the team member will support various mobile and web projects in partnership with big brands, primarily utilizing our internal NFT Token minting platform nameless.


Front-End Web Developer (Remote: $85k—$125k)

They will be responsible for maintaining codebases, developing re-usable component libraries, prototyping and deploying finalized projects to CI using React / Next.JS or equivalent.
 

Resources & Tools

A Complete Guide To Accessibility Tooling

A wonderful set of tools from Nic Chan that will help you with Accessibility during the build and testing phase of your website builds, and to continue to monitor the sites once they're live.

Finally


That's all for this week. Thanks for stopping by, if you found something useful please recommend us to a friend and help us continue to grow.

Cheers,

Justin.
Twitter
Facebook
Website
Copyright © 2021 Simple Things, All rights reserved.
You are receiving this email because you rock! You wanted to know more about Responsive Web Design so you signed up to this list to receive a weekly update with links to articles, tools and tricks of the trade.

Our mailing address is:
Simple Things
Simple Things LTD
Thame, Oxfordshire OX92EQ
United Kingdom

Add us to your address book


Want to change how you receive these emails?
You can update your preferences or unsubscribe from this list

Email Marketing Powered by Mailchimp

Older messages

RWD Weekly #461— the one about boilerplates & aspect ratios

Friday, June 11, 2021

No preview text for you this week, you've got to commit to reading this one by opening it first :) Read online Hello again, welcome back to RWD Weekly #461, happy Friday! A quick intro this week

RWD Weekly #460— the one about avatars & boring standups

Friday, June 4, 2021

No preview text for you this week, you've got to commit to reading this one by opening it first :) Read online Hello again, welcome back to RWD Weekly #460, happy Friday! This week I've been

RWD Weekly #459— the one about the new RWD

Friday, May 28, 2021

The definition of RWD has now changed. Read online Hello again, welcome back to RWD Weekly #459, happy Friday! For almost 9 years I had only missed two weekly editions, and now this year I've

RWD Weekly #458— the one about tailwind

Friday, May 14, 2021

Read online Hello again, welcome back to RWD Weekly #458, happy Friday! This week we launched a new landing page for our product and it was my first real exposure to Tailwind and NextJs. It was funny

RWD Weekly #457 — the one about user personas

Friday, May 7, 2021

Read online Hello again, welcome back to RWD Weekly #457, happy Friday! Last week I decided to take a break to unwind, relax, and celebrate my birthday with my wife on the Friday. I had initially

You Might Also Like

🐺 How to create a high impact press page.

Friday, February 14, 2025

͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏

#494: UX and Product Design

Friday, February 14, 2025

Redesigning complex navigation, product design process, UX in legacy systems, UX workshops with users. Issue #494 • Feb 11, 2025 • View in the browser Smashing Newsletter Halò Smashing Friends, How do

Nick Mafi on Capturing LA’s Loss

Friday, February 14, 2025

View in your browser | Update your preferences ADPro 77 Stories Shared As we watched the worst fires in Los Angeles history spread across the city, the editors at AD came together to discuss the

🐺 Content that Converts - the replay is up!

Friday, February 14, 2025

And everyone who joined loved it! ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌

Designer or Couple’s Therapist?

Friday, February 14, 2025

View in your browser | Update your preferences ADPro Let's Make a Deal There's no shortage of spoils in the wonderfully eclectic Hudson Valley home of actor Walton Goggins and writer-director

178 / Visualize your dreams in 2025

Wednesday, January 15, 2025

Product Disrupt Logo Product Disrupt Half-Monthly Jan 2025 • Part 1 View in browser Welcome to Issue 178 Ever get curious about how this newsletter is doing? I shared the 2024 behind-the-scenes and

Mayer Rus on Loss, and Living, in LA

Tuesday, January 14, 2025

View in your browser | Update your preferences ADPro LA, I Love You Los Angeles has been my home for nearly 20 years, and the devastation here, now, is unfathomable. Entire neighborhoods have been

🐺 How to make a great first impression

Tuesday, January 14, 2025

With real examples. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

#490: Interface Design

Tuesday, January 14, 2025

How to design better interfaces, how to choose icons, optical effects, iconography, Gestalt principles and icon design. Issue #490 • Jan 14, 2025 • View in the browser Smashing Newsletter Buona

🐺LAST CHANCE to get 20%-off our PR Masterclass Series

Monday, January 13, 2025

Make 2025 your biggest press year yet. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏