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

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 get straight into the links this week :)
 

Headline

Say Hello To CSS Container Queries

Using CSS Container Queries could very well remove the need for CSS Media Queries. Now that container queries are available behind a flag in Chrome Canary it won’t take long for it to roll out into other browsers. You can be sure there are going to be a few examples of clever folks creating layouts that only require container queries, but the best approach is to use both where appropriate.


Sponsor

Design a Career You Love

Learn practical skills to make your résumé shine with free courses, tutorials, and resources. Topics include web development, UX design, prototyping, and accessibility. No matter what your title is, we’ve got you covered.
Explore Collections
Advertise your product, service, or job opportunity to 26,297 tuned in web designers and developers. Find out more.

Article

 

Cloudflare Pages is now Generally Available

I've been enjoying the past couple of weeks getting familiar with Netlify and deployments for next.js, but I occasionally find myself wanting to have it routed through Cloudflare (mainly because I spend more time in cloudflare and I'm comfortable with it). Now Cloudflare pages are available, it could be a viable choice to make the switch and try it out for our next product launch.
 

The Importance of Career Laddering

I've never been one to think about my career. So far, outside of the job at Domino's I had in my teens, I've worked for four companies over 23 years. In that time I've never strived for new roles or positions, I'd just done the work I was supposed to (most of the time) and spent a little bit extra effort doing things that I really enjoyed which also benefited the business. As a result, the positions I worked in kind of evolved around the work being done. Now that I'm reaching the ripe old age of forty-one I'm beginning to think about what I want to be doing in fifteen years, and how I'm going to get there. This article from Sarah Drasner looks at the approach you can take to develop your own career ladder, or how you can run through the process with your own staff.
 

A Complete Guide To HTML Email

Vitally rounds up a huge set of resources around HTML emails from accessibility to feature support, frameworks to tracking, and so much more.
 

How to actually test UIs


Tutorials

 

Beautiful PDFs from HTML

This is such a wild tutorial/website. It's a "PDF" manual about how to use HTML/CSS/JS showcase a website as a PDF. I loooove this.
 

Working around the viewport-based fluid typography bug in Safari

Sara found that resizing safari does not force the text to respond to the viewport width changes. Fortunately, Sara is amazing and has written up a suitable workaround.
 

My current HTML boilerplate

Manuel Matuzović takes us through the boilerplate HTML page that he uses for his sites, from lang attributes to preloading certain elements, adding RSS feeds or removing telephone formatting or twitter personalisations.

 

Resources & Tools

Introducing CSS Grid Inspector for Web Kit

The new CSS Grid Inspector shows a page overlay on top of HTML elements which are CSS Grid containers.
 

The Case of the Slow Websites

This is a great little project that was put together within a day. It's a little game built using twine which is a cool little tool on its own.
 

Quick VS Code tip: Automatically add image width and height to images

Using VS Code along with Emmet shortcuts you can automagically add your image width and height attributes.

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

RWD Weekly #453 — the one about Stack Overflow's new feature

Friday, April 2, 2021

Read online Hello again, welcome back to RWD Weekly #453. This morning my little person came into my office and excitedly said "Look Dad, quick quick, there's a massive eagle in the back yard

RWD Weekly #452 — the one about accessible components

Friday, March 26, 2021

Read online Hello again, welcome back to RWD Weekly #452. This week we've got a tonne of accessible front end components for you — well, actually, Vitaly from Smashing has them for you. We take a

RWD Weekly #451 — the one about Ghosts 😱

Friday, March 19, 2021

Read online Hello again, welcome back to RWD Weekly #451. Our feature website this week is hosted across a network of solar powered servers and is sent to you from wherever there is the most sunshine.

RWD Weekly #450 — the one about NFTs and Content buddies

Saturday, March 13, 2021

Read online Hello again, welcome back to RWD Weekly #450. Another mini-milestone and we are now less than a year away from hitting 500 editions. While it seems a long way away now, I was thinking the

✏ 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 →

✏ 3 Ways to Design More Inclusively, What is a Design System?2021 Fun Typefaces, and more...

Thursday, June 17, 2021

3 Ways to Design More Inclusively WEBDESIGNERDEPOT.COM COMMENTS What is a Design System? ROBERTCREATIVE.COM COMMENTS Animal Crossing Font FONTSPANDA.COM COMMENTS Some Fun Typefaces for 2021 KOTTKE.ORG