RWD Weekly #459— the one about the new RWD

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 missed two in two months. I must be getting old!

One of the benefits of getting old is that you fall into the range of being able to get your Covid jab which I had this time last week, and while we didn't have any bad side effects I just wasn't feeling up to it last week.

The past 5 months have been overclocked and, at some points, somewhat overwhelming. I've been working a reasonably busy 9–5 day job alongside contributing to a new project in the evenings. This alongside time with the family has meant a dramatic drop in free time to unwind, which in turn has drained the batteries almost to zero.

Things will be chaging though! I've resigned from my day job and will be moving the new project to be my main focus. As the new project is pretty much 24/7 it affords me the opportunity to pick the working hours that work best and will allow me to carve that working time around spending quality time with the family.

I still haven't decided exactly how that will impact this newsletter, but there's bound to be some changes on the horizon as I delve a bit more into the weeds of Web 3 product development.

For now though, let's get linking.
 

Headline

 

The new responsive: Web design in a component-driven world

Una looks at what responsive design means more than ten years since Ethan first laid the foundations. The new responsive is about container queries and scoped styles, container styles for macro components made up from other containers, viewport layouts and media queries, and user preferences (like reduced motion).

 


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,232 tuned in web designers and developers. Find out more.

Article

Recreating Wildlife Photographer of the Year online – Headless content management

I've always considered Adobe Exerience Manager to be a bohemeth that would only run within itself. But, just like Wordpress and other CMS, AEM also offers a headless mode without losing its core CMS features.
 

Frustrating Design Patterns: Mega-Dropdown Hover Menus

A few years ago I spent some time doing a website where the client was adament that people loved mega menus. I think loved is a bit strong in this case, but fortunately I have Vitaly to showcase some poor implementations and how to make them more tollerable
 

Tutorials

 

CSS Container Queries For Designers

CSS Container queries, a long-requested feature by web developers is coming soon to CSS and now available as an experimental feature in Chrome Canary. In this article, Ahmad will go through what is it, how it will change your workflow as a designer, and more.
 

A couple of ways to highlight code syntax in Apple Keynote slides

This is something that I always spent too much time trying to do in Keynote and it never looked great. Sara has some great suggestions on how to get it looking good and not spending too much time doing it.
 

Container Queries in Web Components

A great demo from Max. Using a single book component, this tutorial shows how you can use container queries to alter the display of the component depending on if it appears in a product listing, product feature, or is dropped into the basket. 
 

Events


“Content First” with Georg Obermayr and Bastian Allgeier

This is the next part in a Kirby CMS series. Hear from Bastian Allgeier and Georg Obermayr, who will demonstrate how they use Kirby for the website of LOWA in their content first approach. Regardless of whether you use Kirby or not, understanding how different sites approach their content structures is always of interest to me and helps improve the next site I decide to build.
 

Resources & Tools


Learn CSS

This course breaks down the fundamentals of CSS into digestible, easy to understand pieces. Over the next few modules, you'll learn how the core aspects of CSS work and how to use them effectively in your projects. Use the menu pane by the "Learn CSS" logo to navigate the modules.


DWP Accessibility Manual

Guidance and best practice for building accessible services and meeting the Public Sector Bodies Accessibility Regulations 2018.
This guidance is still being iterated and is likely to change.

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 #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

RWD Weekly #456 — the one about design systems

Friday, April 23, 2021

Read online Hello again, welcome back to RWD Weekly #456, happy Friday! Big thanks to Dave for DMing me on Twitter to see if I was alright after the weekly newsletter didn't go out on Friday. I had

RWD Weekly #455 — the one about going to the Gym

Monday, April 19, 2021

Read online Hello again, welcome back to RWD Weekly #455, happy Friday! One week back and work and I can barely keep my eyes open on a Thursday evening. No waffling to get this started, let's just

RWD Weekly #454 — the one about Space Jam

Friday, April 9, 2021

Read online Hello again, welcome back to RWD Weekly #454, happy Friday! I've had this week off my day job and it has given me a great opportunity to spend some more time tinkering around with side

✏ How to Avoid SEO Disaster, 6 Types of Web Design, Simply Markdown, and more...

Sunday, June 20, 2021

Work at the Intersection of Data, Design, and Technology [ad] SPS.NORTHWESTERN.EDU An Alternative Voice UI to Voice Assistants SMASHINGMAGAZINE.COM COMMENTS Simply Markdown - Easy Create Markdown with

✏ Is AMP Dead and Do We Care? React Markdown Editor, Bad vs Good Designs, and more...

Saturday, June 19, 2021

Poll: Is AMP Dead, and do We Care? WEBDESIGNERDEPOT.COM COMMENTS Bad Vs Good Accessible Designs USABILITYGEEK.COM COMMENTS Client-Side Routing in Next.js SMASHINGMAGAZINE.COM COMMENTS React Markdown

The 25 Best Accent Chairs, According to AD100 Designers

Friday, June 18, 2021

Plus, more sourcing inspiration. View in your browser | Update your preferences Architectural Digest AD PRO logo image Welcome to the PROcurement, our new weekly roundup of the best designs to source

✏ 40 Javascript Memes, CSS Specificity Calculator, HTML Semantic Tags Sheet, and more...

Friday, June 18, 2021

The Problem with UX/UI Portfolios MARKBOULTON.CO.UK COMMENTS CSS Specificity Calculator POLYPANE.APP COMMENTS Your Image is Probably not Decorative SMASHINGMAGAZINE.COM COMMENTS Top 40+ Javascript

What Will Back-To-Normal Look Like?

Friday, June 18, 2021

A weekly dispatch from Architectural Digest's Editor in Chief. ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

UX/UI Portfolios, Feels, Bear Plus Snowflake, Optical Size, Aspect Ratio

Friday, June 18, 2021

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar June 18 2021 The problem with UX/UI portfolios markboulton.co.

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

Friday, June 18, 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 #462 happy Friday! This week I've been

Meet Image Optimization, A New Smashing Book

Thursday, June 17, 2021

Meet Addy Osmani's new book on image optimization: from formats and compression to delivery and maintenance. Brand new book: Image Optimization by Addy Osmani. Dearest Friend, How do we deliver

🔥 Dashing Mobile UI Designs and more

Thursday, June 17, 2021

Round Up The Newest UpLabs Weekly Freebies 🤠 Check out some fresh high-quality Freebies that have been handpicked for you by the UpLabs team this week. The New Super Fast Way to Build a Website

Holly Hunt Reinvents Herself Once Again

Thursday, June 17, 2021

Plus, a houseplant sells for almost $20000 at auction (image) Architectural Digest AD PRO Logo house plant - philodendron Think You Love Houseplants? This One Just Sold for Almost $20000 Read More →