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

Responsive Design Weekly - RWD Weekly #438

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 favourites below, mostly focussed around performance and UX with a dash of progressive-ness as well.


Let's get to those links!

Headline


The State of CSS Survey

CSS is evolving faster than ever. Flexbox, Grid, Multi-Column… To say nothing of whole new paradigms like CSS-in-JS.
After the success of the annual State Of JavaScript survey, Sasha and Raphaël have decided to take on the world of styles and selectors to help identify the latest trends… and try to bridge the ever-growing “great front-end divide”!

Clean advertising

Jeremy hits the nail on the head (in my opinion) in his take on advertising on the web today.


Sponsor

Visual website feedback is just a click away


BugHerd changes vague feedback and bug reports into visual, trackable tasks. Clients and team members can pin feedback directly to the web page. BugHerd adds screenshots, browser and OS information to help your team resolve feedback fast. Website feedback that's easy to manage from one central location.
Try BugHerd for free today
Advertise your product, service, or job opportunity to 26,612 tuned in web designers and developers. Find out more.

Article

 

New! Vitals Dashboard

Speed Curve are making it super simple for you to understand how your site is tracking against web vitals.
 

Why the web is such a mess

Robin Rendle posts about a recent video from Tom Scott about how the web is a mess with pop ups and advertising. Robin has some good points, and I’m certainly with him around the need for advertising on the web... but I like to think it can be created around and in support specifically for the people that contribute and build up a community.
 

A font-display setting for slow connections

My favourite thing about the lead up to Christmas is the all the Advent Calendar style posts that we get. This one is from PerfPlanet and looks at all the methods you can use to improve your font loading/displaying.
 

Minimal Takes on Faking Container Queries

If you need solutions today, most of them involve JavaScript watching what is going on (i.e. the container width) and then giving you some kind of styling hooks (e.g. classes). Here’s a quick review of the “minimal takes” landscape.
 

Making Virtual Events Magical

A lot of us have had to organise our own virtual events, or ones for our clients. A lot of work goes into them, but they’re different from the in person events we’re used to. This article from Viget shares some great tips around how to make your virtual event a lot more magical.


Tutorials

 

Creating websites with prefers-reduced-data

Even though more and more people get access to the internet every day, not all of them have fast gigabit connections or unlimited data. Using the media query prefers-reduced-data we can keep our sites accessible to everyone. This media query is part of a set of upcoming media queries designed specifically to support different user preferences and their environments.  A tonne of practical uses for prefers-reduced-data with code examples in there as well.
 

Refactor and clean your stylesheets with CSS Overview

This short tutorial shows you how to enable CSS Overview in Chrome Dev tools and some neat benefits you can use it for.
 

A Calendar in Three Lines of CSS

Get a calendar layout sorted simply with a bit of display: grid;
 

Native Aspect Ratio Boxes in CSS thanks to aspect-ratio

With Chromium 89 (current Canary) and Firefox 85 (current Nightly) already supporting aspect-ratio unflagged, it’s time to start playing with this new addition and start thinking about dropping all those nasty hacks to mimic aspect ratios in CSS. Let’s take a look …
 

Resources & Tools

 

How to extract images (and media files) from Word and Keynote documents

One of my favourite tricks for pulling images from a PowerPoint (change the filename to zip and extract).
 

The Product Design Resources & Tools Database

A great set of UX resources here broken down into research, analysis, visual design, interface design, productivity and more
 

Slowfil.es

Demonstate and observe slow-loading resources
 

SuperTinyIcons

Under 1KB each! Super Tiny Icons are miniscule SVG versions of your favourite website and app logos

Finally


That's all for this week. If you've come across any interesting/helpful articles or you've written something yourself please hit reply and let me know about them.

See you all next week!

Have a great weekend!

Cheers,

Justin.
Twitter
Facebook
Website
Copyright © 2020 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 #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

RWD Weekly #435

Friday, November 13, 2020

Read online Hey everyone and welcome to week #435 of the responsive design newsletter. Our feature site this week is from Ahmad who has single handedly brought more featured articles in this newsletter

RWD Weekly #434

Friday, November 6, 2020

Read online Hey everyone and welcome to week #434 of the responsive design newsletter. I'm sure you, like me, are patiently waiting to see how the US election is going to pan out so I hope this

RWD Weekly #433

Friday, October 30, 2020

Read online Hey everyone and welcome to week #433 of the responsive design newsletter. Our feature site for this week is a nude web page with all it's code bits on show. The site itself is a

You Might Also Like

Behind the Design of Lauren Santo Domingo’s Ski House

Thursday, November 21, 2024

View in your browser | Update your preferences ADPro Peak Style When it comes to clients, says AD100 designer Andre Mellone, “my biggest nightmare is a person who says, 'Carte blanche, do whatever

2025 Interior Design Trends, Revealed

Wednesday, November 20, 2024

View in your browser | Update your preferences ADPro Image may contain: Furniture, Chair, Interior Design, Indoors, Home Decor, and Rug Inside Our Newest Trend Report “Design, like fashion, tries to

Want a free strategy session with us?

Wednesday, November 20, 2024

Plus, the emails editors open most often. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

One Simple Thing You Can Do to Retain Your Staff

Tuesday, November 19, 2024

View in your browser | Update your preferences ADPro By my account, it's not fall until I've watched You've Got Mail, Nora Ephron's '90s film adaptation of the 1930s Hungarian play

#483: UX Writing

Tuesday, November 19, 2024

With writing guides, content testing and practical guides for better content design. Issue #483 • Nov 19, 2024 • View in the browser Smashing Newsletter Hej Smashing Friends, Every digital product

Accessibility Weekly #423: Beautiful Focus Outlines

Monday, November 18, 2024

November 18, 2024 • Issue #423 View this issue online or browse the full issue archive. Featured: Beautiful focus outlines "Unfortunately, focus outlines are often overlooked in web design.

175 / Build your ideas without writing any code

Monday, November 18, 2024

Product Disrupt Logo Product Disrupt Half-Monthly Nov 2024 • Part 1 View in browser Welcome to Issue 175 One month ago, I quit my longest-standing job and embarked on a pathless path to let my

Into the Fediverse

Sunday, November 17, 2024

Issue 221: We need decentralized social networks ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

The Books AD Editors Can’t Put Down Right Now

Friday, November 15, 2024

View in your browser | Update your preferences ADPro Good Reads Here at AD PRO, we're all about celebrating a good coffee table book. With crisp project imagery and behind-the-scenes stories tucked

What astrology has to do with PR?

Wednesday, November 13, 2024

and, no we won't tell you to read your chart! ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏