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.
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.
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 ↬
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).
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.
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.
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).
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.
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.
Stream your meetup or conferences using this straight forward and affordable setup.
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.
min() inside of
() 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
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.
That’s it from me for this week. As you’re reading this I’m