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

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

You Might Also Like

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

Bézier Curves, CSS Motion Extraction, CSS Testing, CSS Theming, Women Who Code

Monday, April 22, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 22 2024 Flattening Bézier Curves and Arcs minus-ze.ro