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

RWD Weekly #445 — the one about GitHubs homepage

Read online

Hello again, welcome back to RWD Weekly #445.

Our feature site this week was suggested by Raquel Freitas because she knows how much I love a good performing site. This site takes a look at what their current server impact is on the environment and then uses that to determine how their site is loaded. If the carbon intesity goes too high, the site shuts down, if it's super low you get full resolution photos. Sometimes there's only illustrations, others they use low quality photos.

For me this really takes the fluidity of the web in a completely different direction, and one that we should be thinking more about.

 


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

Article


Barebones CSS for Fluid Images

If you’re looking for the snippet then you should scroll ALL the way to the bottom of this article from Zach. But, if you want to know why then I urge you to read the whole thing.
 

no hello

Most of us are working on our own at the moment and a can probably relate to this.


Tutorials

 

Making GitHub’s new homepage fast and performant

The GitHub homepage design is full of great design and interactive experiences, yet it is super performant as well. This is the second in the series of articles about how they rebuilt their front end.
 

Faking container queries with CSS Grid

While we’re waiting for Container Queries to hit the browsers there are a growing number of alternatives that people are finding to help with their own layouts. If you’re interested, check out this one from Polypane.

Animating a CSS Gradient Border

This week I had to turn buttons into Rainbows.... honest brief from the client. While I managed to get some gradient stuff looking good as backgrounds, this animated rainbow border HAD to get into the options.
 

Things You Can Do With CSS Today

For those of you getting started with web design or turning designs into HTML and CSS  I think this article gives you two layers of knowledge. Firstly, the amazing content that Andy is covering with new layout techniques, but also the great ways in which Andy uses margins for a nice typographic rhythm i.e. article > * + * {margin-top: 1.5em;}
 

Tic Tac Toe with CSS and SVG   


Resources & Tools

 

Figma Crash Course

Pablo Stanley has produced a number of amazing illustrations which I’ve bought and used in a number of projects. He has now turned his hand to developing a crash course in how to use Figma, for FREE.
 

Convert an image to pixel “art” with Pixelr

I've been getting right into NFTs, and especially the recently released HashMasks. A lot of crypto art that I enjoy have this pixel styling, so now I have a little tool to create my own stuff.
 

Jobs


Coil - Head of Developer Relations

The ideal candidate is passionate about open and privacy preserving technologies, and has deep relationships and experience working with the developer community.
 

New Relic Careers - Senior UX Analyst

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

RWD Weekly #442 - AVIF & Aspect Ratios

Friday, January 15, 2021

AVIF, Aspect Ratios & three hours worth of reading on a 2021 Website Check list Read online Hello again, welcome back to RWD Weekly #442. After a very slow start back to work last week it already

RWD Weekly #441 - the first for 2021

Friday, January 8, 2021

This is our FIRST weekly email for 2021, happy new years! 🎉 Read online Hey everyone and welcome to week #441 of the responsive design newsletter and the first one for 2021. I hope you were able to get

RWD Weekly #440 - the last for 2020

Friday, December 18, 2020

This is our last weekly email until the new year, thanks for an amazing year (considering 2020) Read online Hey everyone and welcome to week #440 of the responsive design newsletter and the last one

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