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

Responsive Design Weekly - RWD Weekly #436

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 uptime and response rate for FREE, and there's a bunch of tools and resources that will keep you busy over the weekend.

Let's get linking.
 

Headline


Tailwind CSS v2.0

The team at Tailwind have been super busy over the past 18 months and have released their v2. It comes along with a new color palette, dark mode, larger breakpoints lots of stuff. My favourite thing is the @apply will now apply to everything, so if you wanted your CSS to be cleaner in your HTML then it’s your choice.


Sponsor
Incision Design Engineering Handbook

Check out InVision's new Design Engineering Handbook


Explore the new hybrid practice of design engineering in InVision's latest release, written by industry leaders from Indeed, Mailchimp, The New York Times, and Minted. You will learn how design engineering, an essential discipline to creating great products, brings together form and function while accelerating innovation, and much more!

 
Advertise your product, service, or job opportunity to 26,644 tuned in web designers and developers. Find out more.

Article

Back/forward cache

Optimize your pages for instant loads when using the browser's back and forward buttons.
 

What’s New In Vue 3?

Vue 3 comes with a lot of interesting new features and changes to some of the existing ones that are aimed at making development with the framework a lot easier and maintainable. In this article, Timi takes a look at some of these new features and how to get started with them as well as taking a look at some of the changes done to the existing features.
 

Tutorials


Building Flexible Components With Transparency

Using transparency for your component backgrounds and headings you can drop them onto a wide range of different backgrounds with a common consistent result.
 

A Deep Dive Into CSS Grid minmax()

Ahmad goes into detail with minmax() for Grid layouts. He touches on incorporating auto-fit and auto-fill and how that provides you with a more flexible/responsive approach to using Grids (similar to what flex-wrap: wrap might do).
 

Under-Engineered Responsive Tables

I’m currently putting my wife’s Yoga classes in an easier-to-read table on her site and it got me thinking about accessibility for tables. Strangely, Adrian has written about the quickest and easiest way to achieve accessibility in this tutorial.
 

Tools & Resources


API for Web Icons

SVGBox makes it dead-easy to include icons in your project. Simple <img> tags: that's all you need. No CSS, JS, file uploads, or inline SVGs.
 

Introducing Simple Search

Remove all the non-essential search results from your google searches with this plugin for Firefox and Chrome.
 

Web dev for beginners

Is is just me, or does JS start way to early before html and css in this course? None the less, it’s almost 30 practical lessons with assignments and code blocks to help you come to grips with JS, CSS, and HTML.
 

Upptime

Upptime is the open-source uptime monitor and status page, powered entirely by GitHub. This is a sample status page which uses real-time data from our Github repository. No server required — just GitHub Actions, Issues, and Pages. Get your own for free.
 

Online Brand Guide Generator

Use Baseline as your brand guide and get your own URL to share and refer to.

Finally


As we get towards the end of 2020 and the newsletter is edging it's way towards 450 editions I'm going to go through the bi-annual cull of subscribers. Well, it's not so much of a cull but an email I send out to anyone who hasn't opened an email in 3 months and clicked on a link in the past 6 months. Usually that indicates that you just haven't got around to unsubscribing, so I send an email with a HUGE unsubscribe button.

This works out well for me too because I can reduce the number of subscribers, which in turn lowers the cost of the Mailchimp subscription. It also helps with the open and click through rates, which then makes it more enticing for sponsors.

I'm going to approach sponsorship a little differently as well and try and get 3 or 4 key sponsors to sign up for the entire year and a bargain discount rate, but leave enough spaces throughout the year to promote events that you are running yourselves in kind. If you work for someone that would benefit from sponsorship, get in touch and we can chat opportunities.

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

RWD Weekly #432

Friday, October 23, 2020

Read online Hey everyone and welcome to week 432 of the responsive design newsletter. This week I've been getting to the end of my workday and excitedly tuning into the Adobe Max conference. In the

RWD Weekly #431

Monday, October 19, 2020

Read online Hello and welcome to RWD weekly newsletter edition 431. This week I'm happy to see someone finally calling out on counting clicks as a default way to improve UX, we're looking at

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