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

Responsive Design Weekly - RWD Weekly #458— the one about tailwind

Read online

Hello again, welcome back to RWD Weekly #458, happy Friday!

This week we launched a new landing page for our product and it was my first real exposure to Tailwind and NextJs. It was funny when tweaks came back from the team asking to set content width to 30ch, or to change the padding to 8px because that's how I would have done feedback in the browser as well... but when it comes to Tailwind you have to take that requirement and mentally change it to the tailwind alternative.

As a component-based thing on a distributed team though, it works.
 

A Look at Tailwind CSS

This week Ahmad digs into his experiences on Tailwind... and when Ahmad speaks about CSS it's certainly worth paying attention to.
 

The Conference Platform We Use For Our Online Events

When we were all resigned to the inside of our homes as the pandemic took a grip of the world as we know it, our conference organisers didn't give up their quest to put on a show. Without travel though, they turned towards online conferences and ways in which they could improve upon personal attendance.  Although the technology used isn't what makes the conference work, its capabilities does go a way to providing boundaries. Here, Smashing talk about their journey with Hopin.


Sponsor

Let’s Keep Evolving Together


Gymnasium just dropped four design systems courses with Ethan Marcotte tailored for designers, developers, and product managers.

Not sure where to start? Don’t sweat it — there’s a course for everyone.
Explore Design Systems
Advertise your product, service, or job opportunity to 26,237 tuned in web designers and developers. Find out more.

Article

Debugging vertical layouts in 2021

A few years ago I looked at doing a vertical site the scrolled horizontally to replicate Eastern reading directions... it did not go well.  I wish I had this article from Hui Jing to help work out where things were going wrong.
 

Pixelhop new website walk through

Not only is this our feature site for the week, but I really liked the walk through of the new site rebranding and interesting animations and functions they site has. I'm looking forward to the puppeteer and Cloudinary post for the social posts.
 

Web Accessibility for Newbies

Introductory information and advice on how to think about and approach web accessibility.
 

Cloudflare Pages and Workers

David looks at using the new Cloudflare pages as an alternative to replace Netlify. Having been a fan of Cloudflare since they started, and a recent heavy user of Netlify I was interested in the new approach.  While it seems like Cloudflare have the same end product, the UX on how to get there is still much more favoured towards Netlify.
 

Tutorials

 

A Primer On CSS Container Queries

Stephanie Eckles covers off not just the way in which CSS Container queries are put together but also how they might fit within the larger CSS Grid layout.
 

Component-level art direction with CSS Container Queries

Container Queries (CQ) allow us to change the styles of a component so it responds to the size of its nearest container. With CQ, we can change how an element looks based on where on a page it is placed and how much horizontal space it occupies. Take a look through this article from Sara, along with some great examples of how card components can re-flow based on their containers.
 

CSS Full-Bleed Scroll-Snapping Carousel

Building a full bleed scroll snapping carousel with Bramus, complete with Code pen example.
 

Resources & Tools

 

Bootstarters - free templates for Bootstrap 5

  • Free for commercial & personal use (MIT)
  • Styled in accordance with Material Design 2.0 guidelines
  • Built with the latest Bootstrap 5
 

Can I email…

If you're familiar with Can I Use for browser support on new web features then you can probably guess what information/purpose this site provides.

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 #457 — the one about user personas

Friday, May 7, 2021

Read online Hello again, welcome back to RWD Weekly #457, happy Friday! Last week I decided to take a break to unwind, relax, and celebrate my birthday with my wife on the Friday. I had initially

RWD Weekly #456 — the one about design systems

Friday, April 23, 2021

Read online Hello again, welcome back to RWD Weekly #456, happy Friday! Big thanks to Dave for DMing me on Twitter to see if I was alright after the weekly newsletter didn't go out on Friday. I had

RWD Weekly #455 — the one about going to the Gym

Monday, April 19, 2021

Read online Hello again, welcome back to RWD Weekly #455, happy Friday! One week back and work and I can barely keep my eyes open on a Thursday evening. No waffling to get this started, let's just

RWD Weekly #454 — the one about Space Jam

Friday, April 9, 2021

Read online Hello again, welcome back to RWD Weekly #454, happy Friday! I've had this week off my day job and it has given me a great opportunity to spend some more time tinkering around with side

RWD Weekly #453 — the one about Stack Overflow's new feature

Friday, April 2, 2021

Read online Hello again, welcome back to RWD Weekly #453. This morning my little person came into my office and excitedly said "Look Dad, quick quick, there's a massive eagle in the back yard

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