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

Cascade, HTMX, Sponge Furniture, Meaning of Color, Flipbook

Friday, April 26, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 26 2024 A primer on the cascade and specificity piccalil.

9 Trends From Milan We Can’t Stop Thinking About

Thursday, April 25, 2024

View in your browser | Update your preferences ADPro Even More From Milan Design Week Each year, the design world convenes in Milan—and that applies to us at AD, too. For the third year running, our

Subframe, Attributes vs Properties, Front End Handbook, aspect-ratio, GenAI

Thursday, April 25, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 25 2024 Subframe subframe.com Subframe is a design-to-

Ritmo, Climate Change, Icons & Typefaces, Click Wheel JS, CarPlay

Wednesday, April 24, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 24 2024 Meet Ritmo, Musixmatch's cross-platform

Why Jake Arnold Doesn’t Text Clients

Tuesday, April 23, 2024

View in your browser | Update your preferences We've had a remodel! From now on, you'll be hearing from AD PRO in your inbox twice a week—once with a deep dive into trends to watch and subjects

The secret ingredient to media success

Tuesday, April 23, 2024

PR tips from our founder Nora Wolf In this month's edition is all about *the most important* element of successful media outreach—photography. You may have some photos, but if the backgrounds are

#453: Design Systems

Tuesday, April 23, 2024

Design system generator, types of design systems and how to consolidate design systems. Issue #453 • Apr 23, 2024 • View in the browser Smashing Newsletter Buổi tối vui vẻ Smashing Friends, Ah, design

👨‍🏫 Striking Educational Website Designs + 🏆 Challenge Updates

Tuesday, April 23, 2024

Your UpLabs Design Updates Await! Let's Get Going! 🎨 Firstly, let's congratulate Mariana Gameiro, the winner of our latest 👩‍💻 SheCodes Website Redesign Challenge! Congratulations!! Secondly,

Code Connect, JS Naked Day, Shape of AI, Product Design, CSS Grid Level 3

Tuesday, April 23, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 23 2024 The Right Code for Your Design System figma.com

Accessibility Weekly #393: When Security and Accessibility Clash

Monday, April 22, 2024

April 22, 2024 • Issue #393 View this issue online or browse the full issue archive. Featured: When security and accessibility clash: Why are banking applications so inaccessible? "While using