RWD Weekly #370

Hello again and welcome to week 370 of the RWD Weekly Newsletter. This week I’m up in the Lake District in the UK being behind the scenes in a live-streamed challenge, check it out at https://ant24live.com (I’m not doing the challenges, goodness no, but I’m managing the online aspects).

Right, let’s have a look at what this week brings.

Headline

The Web We Want

The Web We Want is a collective effort by browser makers to understand where the dev community would like us to invest our energy. If you end up throwing a ton of code at a problem, perhaps there’s a better way. Help them discover the cowpaths worth paving.

Sponsor

Clarity is a design systems conference taking place on August 20-21 in San Francisco.

Clarity 2019: A Design Systems Conference

Clarity is a design systems conference focused on how we work together. We provide tools and standards to scale across an increasing number of devices, platforms, and products. But real success comes when people align around a shared vision and language. We elevate our skills through multi-faceted inclusion, empathy, technology, creativity, and collaboration. Check the line-up ↬

Article

Foundational Ideas for Responsive Augmented Reality Content

By now you will likely have a good idea of the basic concepts of responsive design, looking at the viewport size and changing the layout of the content based on the constraints. This is fine for two dimensions, but what about when we look at three? This article looks at the start of how we understand the different constraints and issues that an AR environment provides, and the follow-up article (at the bottom of this article) then goes on to explain how to develop them in Torch (you don’t have to use Torch to make this, the concept is what is great about this).

Passing the mic

Christian Heilmann is taking a step back from conference speaking and helping provide a pathway for new speakers to get an opportunity. Reach out to him if you want to look at getting on stage and start your own speaking journey.

Maybe Ignore type=search

So the title pretty much tells you what you should do, but the article explains the rationale behind it and gives you a lot of background and examples.

Multi-column manipulation

Another post from the very clever Heydon Pickering on the Every Layout site, this time all about adding multi-columns to your layout. I’ve looked at multicolumn in the past, specifically around constraining the height of the item to 100vh and letting the number of columns span off on the horizontal. I used it as an experiment for displaying websites for languages with different flows (Chinese for example).

Progressive Enhancement

Remy is a _big_ lover of JS…. he created JS Bin after all. That’s why I love this post from him on Progressive Enhancement! It’s not about saying no to JS, it’s about making what you build available for everyone and layering up the experience.

Tutorial

A Beginner’s Journey to Launching a Website

The first time I built a website from scratch was in 1999 where I charged the client $1500 for the project. I knew how to build the HTML and CSS, but I had _no_ idea how to get hosting, buy a domain, or put that content up there. It’s _super_ daunting to be at that level so I love tutorials like this that help gives you a start.

Streaming your Meetup – Part 1: Basics and Projector

Stream your meetup or conferences using this straight forward and affordable setup.

The Simplest Way to Load CSS Asynchronously

For a very long time Filament Group (and in particular Scott Jehl) has been coming up with ways to ensure that we have tools to ensure that our websites appear as quickly as possible for our users. A long-time approach was preloading CSS, and they’ve come up with a new approach for you to check out.

Intrinsically Responsive CSS Grid

By nesting min() inside of minmax() you are able to create responsive CSS grids without worrying about using CSS Media Queries to reset your grid (although there’s nothing wrong with writing CSS Media Queries).

Tools & Resources

Idle observation: Indexing text in images

If you’re looking to extract text from images then this tool produced by Paul Kinlan might be a good start for you to build upon.

Finally

That’s it from me for this week. As you’re reading this I’m sittin behind the scenes making a 24 Hour Live online event happen so if you want to watch six people battle against the elements in the UK’s Lake District with Ant Middleton then visit https://ant24live.com.

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.