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

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,