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

Responsive Design Weekly - RWD Weekly #441 - the first for 2021

Read online

Hey everyone and welcome to week #441 of the responsive design newsletter and the first one for 2021. I hope you were able to get away from the screen for a little while over the holidays, and if not I hope you can get a little break shortly.

In the UK our 2021 has started with a new lockdown, so even more time for me to spend learning while being stuck indoors. We've (well, I've forced the family to) taken up doing jigsaws and I'm excited to start this one which I'll frame for the home office wall, and this one will be saved for Christmas this year.

Congratulations if you were one of the clever folks (I am not) who bought BTC when it was in the hundreds, I still can't quite believe how much of a run it's on at the moment. With it going up along with Ethereum it has got me thinking a bit more about Web Monetisation and using Coil for micro payments. I recently listened to this podcast on tech dirt, with Stephan Thomas the founder of Coil and co-founder of Interledger which gave some great background and reminded me why I wanted to spend more time on that topic this year. I've also been introduced to the world of NFT's and things like Crypto Punks.... who would have thought people would pay for digital content?

Anyway, it's been a long break so there's lots to check out.


 

Headline

 

Is Progressive Enhancement Dead Yet? (Webbed Briefs)

An amazing video (again) from Heydon about what progressive enhancement is, and what it is not. A defy you to not giggle during the video and to not come away with a better way of explaining PE.

 


Sponsor

Authority Pro Theme Package

Authority Pro perfectly highlights your knowledge, years of experience, and acquired wisdom. Even if it’s early in your journey toward building expertise and trust, this carefully-constructed design will accelerate how quickly your audience grows.
View details
Advertise your product, service, or job opportunity to 26,570 tuned in web designers and developers. Find out more.

Article

 

Newsletters

Robin is completely wrong about newsletters and here is why......
Actually, he makes quite a few really good points. Fortunately everything I publish here is also available here.
 

Design v18 for CSS Tricks

Chris just keeps knocking these designs out of the park. Can you remember way back when he worked at Wufoo forms and he did the KickStarter? You paid to watch him do the redesign of the project, right from the initial stages through to pushing it all live. I loved that series, and I continue to be inspired through Chris sharing his process.


Tutorials

SVGs in dark mode

Jeremy explains how to configure SVG’s to switch over when setting your site up for Dark Mode.
 

Sticky CSS Grid Items

Fear not! It is possible to get these two layout concepts working together. All you likely need is one more line of CSS.
 

Slowly Falling In Love With Notion

As I save this tutorial link into Notion for the newsletter I'm nodding my head as I read Brad explaining how he uses Notion to organise his life. Some great tips on how to organise Notion, and I'm definitely going to check out the meals database.
 

A picture element to load correctly resized webp images in HTML

A lot of people will rely on the out-of-the-box capabilities of their CMS to make the decisions about how images are rendered on the page, but if you can control the output yourself then you can incorporate things like AVIF images in today. This snippet shows you how to accomplish that using the <picture> element.


Resources & Tools

Spider Pro

The easiest way to scrape the internet.
 

sitespeed.io 16.0

Sitespeed is one of my favourite performance tools because it is up there with Calibre and Speedcurve, but it takes a lot more to get configured and started. The bonus is though it is FREE, with the exception of your time and of course the server you host it on. I fyou don't ahve one, you're looking at something in the ballpark of $700 per year (for 80,000 runs per month).
 

Lose the Very

I am very guilty of this.
 

HTML Over The Wire

Hotwire is an alternative approach to building modern web applications without using much JavaScript by sending HTML instead of JSON over the wire.  This is the tooling that Basecamp used to build their ‘alternative’ to email, hey.
 

Simple Analytics

Basic information about the statistics for your site usage without giving away all your visitor data to an advertising company.
 

Add to Calendar Generator

A single minded tool that will allow you to generate .ics style links for your calendar events. At the moment it only supports Google Calendar.
 

How we made GOV.UK more accessible

If you've been charged with improving the accessibility on your site in 2021 just be thankful that your site doesn't happen to be Gov.Uk. Luckily for you, the UK Gov do accessibility right (they've got to get something right) and have a series of steps and tools you can use to work through on your own site.
 

Updates

Safari Technology Preview 118

The new TP for Safari is shipping with support for aspect-ratio  woot!

Finally


That's all for this week. A couple of you sent me tweets and emails about some things that you've done which I've got ready to go into next week's newsletter, thanks for sharing and sorry they missed this week.

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 #440 - the last for 2020

Friday, December 18, 2020

This is our last weekly email until the new year, thanks for an amazing year (considering 2020) Read online Hey everyone and welcome to week #440 of the responsive design newsletter and the last one

RWD Weekly #439

Friday, December 11, 2020

Read online Hey everyone and welcome to week #439 of the Responsive Design Newsletter. This will be the penultimate edition for 2020, with next week being the last edition for the year before I finish

RWD Weekly #438

Friday, December 4, 2020

Read online Hey everyone and welcome to week #438 of the responsive design newsletter. It's Christmas time which means the season of Advent blog posts are upon us again. I've listed my

RWD Weekly #437

Friday, December 4, 2020

This week we look at Cloudflares new offering for Wordpress sites to improve performance and how we should look at things as a front end developer. Read online Hey everyone and welcome to week #437 of

RWD Weekly #436

Friday, November 20, 2020

Read online Hey everyone and welcome to week #436 of the responsive design newsletter. This week we see a couple of new product version launches in Tailwind and View, see how you can monitor your sites

You Might Also Like

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

What makes a great seed stage founder

Sunday, April 21, 2024

Issue 191: What to look for (and avoid) in early builders ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Pierce & Ward’s Secret Sources, Business Advice You Can’t Afford to Miss, and More

Friday, April 19, 2024

View in your browser | Update your preferences ADPro “Minimalism is not my strong suit.” So says Emma Roberts, the muse behind AD's May cover story. (Celebrities—they're just like us!)

World Press Photo Contest, Speedometer 3.0, Anchor Position, Sliding Frame, Meta Llama 3

Friday, April 19, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 19 2024 The World Press Photo Contest Documents War,