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

Responsive Design Weekly - RWD Weekly #448 — the one about shadows

Read online

Hello again, welcome back to RWD Weekly #448.

This is the second to last week of home schooling in the UK and a small step towards returning a small amount of normality. For all those who have been home schooling, a hat tip to you!

Our feature image this week is something that I had on today because I'm missing my Friday lunch times kicking back for a beer with friends... not too much longer now.

Let's get linking!
 

Getting Deep into Shadows

Who would have thought that the world of shadows in web design could be so detailed and interesting.  Rob does an amazing job of showing throughout the article with plenty of visual examples and codepens to play with.

 

 


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,382 tuned in web designers and developers. Find out more.

Article

 

The Beauty Of Tiny Enhancements In CSS


Some great examples from Ahmad about how tiny enhancements in your CSS can make a difference to the end result, but without losing anything from the experience on browsers that are lacking that support.
 

Material Design text fields are badly designed

Adam describes why Google have got it wrong when it comes to the Material Design label approach. While aesthetically more pleasing to the eye, the float label approach is less practical than the standard label.

 

Semantic document outlines and heading structures



 

Digital accessibility at the Natural History Museum



Tutorials


How to receive micropayment in $BTC (or $Ɖoge) on your website

Tomomi Imura shows you how to set up web monetisation on your site using Coil and Interledger and get paid in BTC y'all.
 

Useful DevTools Tips And Shortcuts (Chrome, Firefox, Edge)

DevTools is very advanced and helpful, but can also be very intimidating and overwhelming. Let’s fix that. In this article, Vitaly reviews useful features and shortcuts for debugging in Chrome, Firefox, Edge and Safari.
 

Building a ‘Table Of Contents’

You know those table of contents that follow you down the page and highlight the section you are currently reading? Well Ben has written a tutorial for you to do just that using intersection observers.
 

Infinite Circular Gallery using WebGL

Such a great tutorial from Luis on Codrops this week. I love how the images move in the wind and the transitions as you wheel through the gallery is smooth as silk.
 

Create Responsive Image Effects With CSS Gradients And aspect-ratio

A classic problem in CSS is maintaining the aspect ratio of images across related components, such as cards. The newly supported aspect-ratio property in combination with object-fit provides a remedy to this headache of the past! Let’s learn to use these properties, in addition to creating a responsive gradient image effect for extra flair. A great tutorial from Stephanie.
 

Everything we know about Core Web Vitals and SEO

There has been a lot of uncertainty and confusion since Google announced the Page Experience Update in 2020. With just over three months before the update goes live in May, here's what Simon can tell us about it.

 

Resources & Tools

 

SmolCSS

Minimal snippets for modern CSS layouts and components from Stephanie Eckles
 

Ray.so

Creates beautiful images of your code, nice find from Bram.us
 

AVIF Converter

Convert any images to AVIF for free. No data is sent. The magic happens in your browser
 

Finally


Iceberger

I spent a disproportionate amount of time this evening drawing different shaped icebergs using this brilliant little web site from Josh.
 

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 #447 — the one about Z Index

Friday, February 19, 2021

Z Index, Web frameworks, history of the web and more Read online Hello again, welcome back to RWD Weekly #447. Our feature site this week comes from a course which I've signed up for called The

RWD Weekly #446 — the one about position: sticky

Saturday, February 13, 2021

Keep users in context with position:sticky, and learn why it's you that has changed and not the web. Read online Hello again, welcome back to RWD Weekly #446. The feature site this week has X-FRAME

RWD Weekly #445 — the one about GitHubs homepage

Friday, February 5, 2021

Pixelated art, CSS animated gradients, performant home pages and more. Read online Hello again, welcome back to RWD Weekly #445. Our feature site this week was suggested by Raquel Freitas because she

RWD Weekly #444 — the one about scroll-margins

Friday, January 29, 2021

Open Web Docs, Haptic effects in the browser, avoiding layout shifts and a tonne more. Read online Hello again, welcome back to RWD Weekly #444. This week we're taking a look at a classic website

RWD Weekly #443 — Open Web & Responsible Web Apps

Friday, January 22, 2021

This week we look at the serious side of the web and how it can be quickly switched off for some. Read online Hello again, welcome back to RWD Weekly #443. I'm happy to say that using TailwindCSS

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! ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏