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

RWD Weekly #451 — the one about Ghosts 😱

Read online

Hello again, welcome back to RWD Weekly #451.

Our feature website this week is hosted across a network of solar powered servers and is sent to you from wherever there is the most sunshine. We're seeing more and more types of these websites and I'm going to compile a list of interesting environmentally friendly sites/services.

If you've built something, or have seen a site that has an eco friendly approach, or are using a hosting company/service that is pro environment please send them through and I'll share the list.

Let's get linking.
 

Ghost 4.0

It has been great watching Ghost grow over the past 8 years. After being involved as an early backer and providing the first hosting service for Ghost (we actually beat them to deliver it) I've been constantly amazed at howe they continue to innovate while still keeping blogging at the heart of the product. Kudos to Jon and the rest of the team and contributors.
 

Practical accessibility, part 1: Markup semantics & ARIA

Every time I work on a new client project there is an issue that I've never encountered before. Doesn't matter how similar the site might be from the last one (even if it's a templated site), there's still something new to deal with. In this article, Maggie Wachs goes through a list that when followed ensures a solidly accessible and usable experience, shared in this and future “Practical accessibility” posts.

 


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

Article


Building Dark Mode

Dark mode isn't as simple as putting a switch on your site and reversing all the colours (if only). I enjoy Robin's articles from CSS Tricks and he's smashed out another great one for his day job Sentry.io about just that.
 

CSS Generators

In a new short series of posts, Iris is hightlighting some of the useful tools and techniques for developers and designers. This time it’s all about CSS Generators: from CSS shadows to easing gradients to CSS overlays to CSS doodles.
 

Polypane 5

Polypane 5 is out with new ways to see your console messages, new performance settings and a new focus order overview. It has a new Chromium version (89), many performance improvements, updated UI elements and new debug tools.



Tutorials


Debugging layout shifts

Now that layout shifts (CLS) are being used as a ranking signal for sites on Google results it is important you can identify the issues and know how to debug them. Fortunately, Katie Hempenius has written this ace introduction on how you can do just that.
 

How to Improve CSS Performance

If you're getting started and are not aware that CSS can also be bad for performance along with large images or badly written JS, this is the article for you. Milica takes you through the best practices to ensure that your site is as speedy as it can be (with regards to your CSS at least).
 

Just-In-Time: The Next Generation of Tailwind CSS

@tailwindcss/jit is a new experimental library that compiles all of your CSS on-demand as you author your template files, instead of generating your entire stylesheet up front. This means that you get the same small file sizes you're used to in production but on your development environment as well.
 

Now THAT’S What I Call Service Worker!

I'm sure most of you by now are aware of service workers. But, have you heard about a streaming service worker? This detailed tutorial from Jeremy Wagner takes you through the journey.
 

Fetching Data from API for Dummies (JavaScript)

Short and sweet.
 

<Sponsored Link>
Build, manage, and grow your portfolio with a free .design domain name.

Get 1-year of the .design domain name for free! Tell the world exactly who you are and what you do with your own .design domain, the most elegant and functional option for web designers. Your free .design domain name comes with free WHOIS Privacy, free SSL Certificate, a free hosting trial, and a free email trial.

 

Resources & Tools


ThreadStart.io - write better Twitter threads 🧵

Some folks do an excellent job of telling a story through a series of threaded tweets. Aside from having a good story to tell, using a tool like Thread Start can also help you manage the output much easier.
 

SEO for Google Images

John Mueller, Search Advocate at Google, dives into how images work on Google, using images to achieve your site's goals, and SEO and optimization best practices for images.

Finally


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 #450 — the one about NFTs and Content buddies

Saturday, March 13, 2021

Read online Hello again, welcome back to RWD Weekly #450. Another mini-milestone and we are now less than a year away from hitting 500 editions. While it seems a long way away now, I was thinking the

RWD Weekly #449 — the one about TailwindCSS

Friday, March 5, 2021

Read online Hello again, welcome back to RWD Weekly #449. This week we're packing the tutorials in to keep you busy on the first Friday of Spring, and the last Friday of home schooling for the UK.

RWD Weekly #448 — the one about shadows

Friday, February 26, 2021

Shadows, tools for AVIF, WebGL gallery 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

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

You Might Also Like

🐺 How to create a high impact press page.

Friday, February 14, 2025

͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏

#494: UX and Product Design

Friday, February 14, 2025

Redesigning complex navigation, product design process, UX in legacy systems, UX workshops with users. Issue #494 • Feb 11, 2025 • View in the browser Smashing Newsletter Halò Smashing Friends, How do

Nick Mafi on Capturing LA’s Loss

Friday, February 14, 2025

View in your browser | Update your preferences ADPro 77 Stories Shared As we watched the worst fires in Los Angeles history spread across the city, the editors at AD came together to discuss the

🐺 Content that Converts - the replay is up!

Friday, February 14, 2025

And everyone who joined loved it! ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌

Designer or Couple’s Therapist?

Friday, February 14, 2025

View in your browser | Update your preferences ADPro Let's Make a Deal There's no shortage of spoils in the wonderfully eclectic Hudson Valley home of actor Walton Goggins and writer-director

178 / Visualize your dreams in 2025

Wednesday, January 15, 2025

Product Disrupt Logo Product Disrupt Half-Monthly Jan 2025 • Part 1 View in browser Welcome to Issue 178 Ever get curious about how this newsletter is doing? I shared the 2024 behind-the-scenes and

Mayer Rus on Loss, and Living, in LA

Tuesday, January 14, 2025

View in your browser | Update your preferences ADPro LA, I Love You Los Angeles has been my home for nearly 20 years, and the devastation here, now, is unfathomable. Entire neighborhoods have been

🐺 How to make a great first impression

Tuesday, January 14, 2025

With real examples. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

#490: Interface Design

Tuesday, January 14, 2025

How to design better interfaces, how to choose icons, optical effects, iconography, Gestalt principles and icon design. Issue #490 • Jan 14, 2025 • View in the browser Smashing Newsletter Buona

🐺LAST CHANCE to get 20%-off our PR Masterclass Series

Monday, January 13, 2025

Make 2025 your biggest press year yet. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏