RWD Weekly #443 — Open Web & Responsible Web Apps

Read online

Hello again, welcome back to RWD Weekly #443.

I'm happy to say that using TailwindCSS this week hasn't been the disaster that I thought it would be and it actually helped me focus on things other than how to structure the CSS. There's still things I don't like, but there's an article for that below.

From the feedback I've got people are still pretty split on using utility classes, but the number has grown since I first asked the questions 12 months ago.

Let's get linking!

Headline

The Future of the Open Web — White Paper

The internet is at a crossroads. After decades of rapid growth and global contribution to the human condition, today many are questioning the health of the internet. At such a time it is natural to examine the first principles that many consider key features of the internet as a medium. This is a white paper from the Mozilla team, lead in particular by CEO Mitchell Baker.

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

Article

Uganda's January 13, 2021 Internet Shut Down

From reading the white paper from Mozilla to reading this article about how the government literally turned off the internet in Uganda it is still shocking that people are restricted to information in this way. This, along with the recent actions by Twitter and Facebook on the former US President's accounts are likely to see this conversation come up more and more in 2021. (And just for the record, I'm not saying these two incidents are relatable, just that they are significant).

What I Love & Hate About Tailwind CSS

Having recently downloaded and began using Tailwind this time last week I was nodding throughout this article. I've only dipped my toe in but I can already see the advantages it has in larger or distributed teams.

First Public Working Draft: W3C Accessibility Guidelines (WCAG) 3.0

The new guidelines aim to explain how to make web content, apps, and tools more accessible to people with disabilities. WCAG 3 is intended to be easier to understand and more flexible than WCAG 2. The flexibility is to address different types of web content, apps, and tools — as well as organizations and people with disabilities.

New in Chrome 88 - Chrome Developers

The aspect-ratio CSS property makes it easy to set the aspect ratio on any element. It will allow you to set
.square {
aspect-ratio: 1 / 1;
}
and your element will always remain as wide as it is tall.

A minimum viable experience makes for a resilient, inclusive website or app

Andy explains what a minimum viable experience is and how I think it’s a crucial part of progressive enhancement’s role in building resilient websites and apps for the web.

Speaking at a Web Directions event in 2021 - Web Directions

If you've always wanted to speak at a conference but found the stage in front of tens/hundreds/thousands of people too overwhelming? Web Directions are looking for speakers for 5 online conferences this year. They're all prerecorded and they will provide all the equipment that you need. A great way to get started.

Tutorials

Responsible Web Applications

Joy has produced what I think is going to be my favourite article for the year (it's a pretty early call being January). This goes through layout options and CSS to help through to semantic HTML and progressive enhancement.

How We Improved SmashingMag Performance

In this article, Vitaly takes a close look at some of the changes we made on Smashing Magazine (JAMStack with React) to optimize the web performance and improve the Core Web Vitals metrics. He covers off the mistakes that they made and some unexpected changes that helped boost all the metrics across the board.

Understanding Clip Path in CSS

Ahmad is kicking off 2021 the way that he ended 2020, with a cracking post about CSS. This week (as you can probably guess from the title) we’re looking into clipping paths. So what is a clipping path? Well it’s something that creates an area where the inside is visible and the outside is not. Think overflow hidden, but for any shape you can create with SVG (but it’s not SVG, it’s CSS.... just read the article ;) )

Building a sidenav component

Resources & Tools

JPEG.rocks

Privacy-aware JPEG optimizer. The images you upload never leave your device: all the processing is done entirely in the browser

Unclack for macOS

Unclack is the small but mighty Mac utility that mutes your microphone while you type. No more getting called out for clacking your way through a Zoom meeting on your clicky keyboard!

Tailwindcss-plugins

A collection of plugins for Tailwind CSS that are used by the Viget team

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.

Finally

Front end? Yep!

A lovely twitter thread about how having a little bit of front end knowledge can help open opportunities on the web.

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.

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

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

RWD Weekly #439

Friday, December 11, 2020

Read online Hey everyone and welcome to week #439 of the Responsive Design Newsletter. This will be the penultimate edition for 2020, with next week being the last edition for the year before I finish

RWD Weekly #438

Friday, December 4, 2020

Read online Hey everyone and welcome to week #438 of the responsive design newsletter. It's Christmas time which means the season of Advent blog posts are upon us again. I've listed my

Ritmo, Climate Change, Icons & Typefaces, Click Wheel JS, CarPlay

Wednesday, April 24, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 24 2024 Meet Ritmo, Musixmatch's cross-platform

Why Jake Arnold Doesn’t Text Clients

Tuesday, April 23, 2024

View in your browser | Update your preferences We've had a remodel! From now on, you'll be hearing from AD PRO in your inbox twice a week—once with a deep dive into trends to watch and subjects

The secret ingredient to media success

Tuesday, April 23, 2024

PR tips from our founder Nora Wolf In this month's edition is all about *the most important* element of successful media outreach—photography. You may have some photos, but if the backgrounds are

#453: Design Systems

Tuesday, April 23, 2024

Design system generator, types of design systems and how to consolidate design systems. Issue #453 • Apr 23, 2024 • View in the browser Smashing Newsletter Buổi tối vui vẻ Smashing Friends, Ah, design

👨‍🏫 Striking Educational Website Designs + 🏆 Challenge Updates

Tuesday, April 23, 2024

Your UpLabs Design Updates Await! Let's Get Going! 🎨 Firstly, let's congratulate Mariana Gameiro, the winner of our latest 👩‍💻 SheCodes Website Redesign Challenge! Congratulations!! Secondly,

Code Connect, JS Naked Day, Shape of AI, Product Design, CSS Grid Level 3

Tuesday, April 23, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 23 2024 The Right Code for Your Design System figma.com

Accessibility Weekly #393: When Security and Accessibility Clash

Monday, April 22, 2024

April 22, 2024 • Issue #393 View this issue online or browse the full issue archive. Featured: When security and accessibility clash: Why are banking applications so inaccessible? "While using

Bézier Curves, CSS Motion Extraction, CSS Testing, CSS Theming, Women Who Code

Monday, April 22, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 22 2024 Flattening Bézier Curves and Arcs minus-ze.ro

What makes a great seed stage founder

Sunday, April 21, 2024

Issue 191: What to look for (and avoid) in early builders ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Pierce & Ward’s Secret Sources, Business Advice You Can’t Afford to Miss, and More

Friday, April 19, 2024

View in your browser | Update your preferences ADPro “Minimalism is not my strong suit.” So says Emma Roberts, the muse behind AD's May cover story. (Celebrities—they're just like us!)

RWD Weekly #443 — Open Web & Responsible Web Apps

Headline

Sponsor

Article

Tutorials

Resources & Tools

Jobs

Finally

Older messages

You Might Also Like