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

Responsive Design Weekly - RWD Weekly #428

Read online
Hello and welcome to RWD weekly newsletter number 428.

This week I've been trying out the emulator on Edge for the new dual screen display along with some new fancy media queries that come with it. Most of my testing has come as a result of our first link in the article section.

Unfortunately some of that time has been taken away trying to get events from an iframed form to fire on the parent page through Google Tag Manager.... an almost impossible task if it weren't for Simo and this article.

Let's get linking.
 

Headline


Why Do We Interface?

This is a bit of an epic read, coming in around 20 minutes, but it is well worth your lunch break today. Ehsan Noursalehi Looks at interfaces over the ages and the patterns that have emerged over time. Originally a talk, this has now been converted to a mini online book.
 

Sponsor

Learn what’s next in web design


An Event Apart Online Together: Fall Summit is a 3-day web design conference with an intense focus on digital design, UX, content, code, and more—featuring 18+ in-depth sessions, live Q&A with the speakers, and one-on-one conversations with special guests. You'll get deep insights into where the industry is now and where it is headed next. Join us online October 26-28.

Save $100 on any multi-day pass with promo code AEAOTRWD.
See the full agenda and register now
Advertise your product, service, or job opportunity to 26,808 tuned in web designers and developers. Find out more.

Article


Introducing Web APIs for Dual Screen and Foldable Devices

This feels like the first real big change to responsive web design since mobile turned into tablet. Having to deal with multiple screens that allows an application to expand across both of them, may be vertically maybe horizontally, is a new set of problems for web designers and developers alike.
 

Bad Idea: Animating Text Size/Scale

If you ever wake up thinking it is a good idea to animate the size of text, go back to sleep. It's a bad idea, and this article explains why.
 

Tools should not only be for experts – they should turn us into them

Development tools should take hard and complex concepts and allow us to easily understand and control them. Over the years, dev tools has done a wonderful job of doing this in many aspects, and most of the developments came from standalone tools built by folks like you which was then integrated back into the browser tooling.
 

alt attributes like paragraphs

By changing the way we think about alt text you considering it to be paragraph text instead we can start to write better descriptions of the images in our articles.

 

Tutorials


Learn Box Alignment

An interactive guide to everything you need to know about centering in CSS. I went with a donut (you'll need to visit the link to get that last bit).
 

Editing HTML Like A Boss In VS Code on Vimeo

Here’s a seven minute video from Caleb Porzio that focuses on some of Emmet‘s HTML editing features in VS Code.
 

How to use CSS clipping

Elements on web pages are all defined inside a rectangular box. However that doesn't mean that we have to make everything look like a box. You can use the CSS clip-path property to clip away parts of an image or other element, to create interesting effects.
 

Interaction Media Features and Their Potential (for Incorrect Assumptions)

If you’re using media queries to determine things like the size and spacing of interaction elements (like buttons) then this is a great read. Queries like pointer: fine or pointer: coarse can help determine between touch and mouse controls, but what about the devices that offer more than one (iPad Pro, Surface Notebook).
 

Conference Events


Inclusive Design 24 (#id24)

A free twenty-four hour event for you to attend. It caters for designers and developers, from analogue to digital... something for everyone to enjoy.
 

Stay Curious

With a data viz session coming up with Nadieh Bremer & Shirley Wu followed by a session on Emotion from Aarron Walter & Stephanie Rieger these are quickly becoming my favourite way to spend an evening.

 

 

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

Friday, September 11, 2020

Read online Hello and welcome to RWD weekly newsletter number 427. This week we're taking a closer peak at the image format that can reduce the size of the internet by 50%.... hey let me live in

RWD Weekly #426 Free analytics & making you think

Friday, September 4, 2020

Read online Hello and welcome to RWD weekly newsletter number 426. Our feature image this week comes from a different style of a site then I'm used to seeing. The vertical bars on the right of the

RWD Weekly #423 : The cost of free

Friday, August 14, 2020

Read online Hello and welcome to RWD Weekly Newsletter edition 423. This week one particular article stood out to me (our headline this week). It comes off the back of the sad news that Mozilla, the

RWD Weekly #422

Saturday, August 8, 2020

Read online Hello and welcome to RWD Weekly Newsletter edition 422. This week our feature site is a lovely creative motion studio. The header has a paper fold look about it, and the case study pages

RWD Weekly #421 - The making of an amazing site...

Friday, July 31, 2020

Read online Hello and welcome to RWD Weekly Newsletter edition 421. This week we have a new treat from the very talented Nicholas Rougeux who has produced my favourite deep dives into a subject, but

You Might Also Like

Writing a POV Doc

Sunday, May 5, 2024

Issue 193: Share what you care about at scale ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

It's Officially Show House Season

Thursday, May 2, 2024

View in your browser | Update your preferences ADPro Showing Up, and Showing Off One of the traditions design aficionados look forward to the most each year is the return of decorator show houses. In

Zelman Meats, AI Feedback Loop, Figma Variables, CSS Masonry, Passkeys

Thursday, May 2, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar May 2 2024 Zelman Meats logo by Red Dot Studio logodesignlove.

Every viral brand has these 5 things in common ⚡️

Wednesday, May 1, 2024

See if your brand checks all the boxes... Branding, branding, branding. Like, PR, it's an oft-misunderstood area of business building. Many people think a logo, some colors, and a font constitute

inherit(), Polish, Picture-Superiority Effect, Music Notation, Multi-Brand Design System

Wednesday, May 1, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar May 1 2024 Self-Modifying Variables: the inherit() Workaround

164 / What if you could talk to Scarlett Johansson from the movie Her?

Tuesday, April 30, 2024

Product Disrupt Logo Product Disrupt Half-Monthly Apr 2024 • Part 2 View in browser Welcome to Issue 164! Standing out in today's competitive market is hard, really hard. But side projects can help

#454: JavaScript

Tuesday, April 30, 2024

Front-End Engineer Handbook, JavaScript Cheatsheet, File System APIs and Invokers. Issue #454 • Apr 30, 2024 • View in the browser Smashing Newsletter Labas vakaras Smashing Friends, Let's talk

Mayer Rus on L.A.’s Great Gallery Migration

Tuesday, April 30, 2024

View in your browser | Update your preferences ADPro Image may contain: People, Person, Accessories, Bag, Handbag, Food, Meal, Adult, Clothing, Hat, Glasses, Fun, and Party For this week's edition

Head of Typography, Centering Things, 3D Badge, Alternating Style Queries, Hate Speech

Tuesday, April 30, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 30 2024 Detect JavaScript Support in CSS ryanmulligan.dev

JavaScript Support, AI in UI/UX, Deja Vu, Nature of Code, Clubhouse

Tuesday, April 30, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 29 2024 Detect JavaScript Support in CSS ryanmulligan.dev