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

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

Article

Debugging vertical layouts in 2021

Pixelhop new website walk through

Web Accessibility for Newbies

Cloudflare Pages and Workers

Tutorials

A Primer On CSS Container Queries

Component-level art direction with CSS Container Queries

CSS Full-Bleed Scroll-Snapping Carousel

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…

Finally

Cheers,

Justin.