Responsive Design Weekly - RWD Interview Series with Rachel Andrew

So much has changed since Ethan's eureka moment, what are your go to implementation methods for responsive sites? How do you handle layout, typography, images, video etc?

What are the top three issues you're still facing when building a responsive site?

As a business/product owner, what is the most frustrating thing you find trying to take a product out across today's diverse device landscape?

Prediction time. What are we going to see towards the end of 2020 and into 2021?

We already have some of the things I have mentioned above implemented in one or another browser, so hopefully we'll see subgrid ship in more browsers for example. I think with the big pieces of grid and flexbox in place there are a bunch of new problems falling out of people using those. My feeling is we'll be picking those off for a while. Probably no big thing like grid, but lots of smaller things that currently cause friction.
 

As someone who works on CSS specifications I'm sure you hear a lot of community (twitter) noise about how certain features should work and what should be worked on next. How can those folks get involved with the CSS specification direction and contribute towards making CSS better?

To get new CSS features then two things need to happen, the feature needs to be specified - which is what the CSS Working Group do - and browsers need to implement it. Therefore if there is some use case that you have that CSS doesn't do at all yet, the best place to raise it as at the CSS Working Group repo. You can raise issues here: https://github.com/w3c/csswg-drafts/issues

It's worth searching to see if your issue has already been raised, as then you can add your use case as extra information, but don't worry too much if you end up creating a duplicate, someone will spot it and reference your issue in the existing one.

Things can take a while to be discussed, if you are lucky your issue will touch on something already been worked on and so might come up for discussion quite quickly. Otherwise it is likely that someone will tag the issue with relevant specs, or maybe ask a few clarifying questions and then it will go silent for a while. However issues are not just closed, and at some point it is likely to come up for discussion.

If you are keen to offer feedback on things happening right now then there are a few of us who often post about discussions that are happening or specific information that the CSS Working Group want to know. For example I recently posted about Masonry https://rachelandrew.co.uk/archives/2020/05/05/does-masonry-belong-in-the-css-grid-specification/. The CSS Working Group works in the open, so our discussions are minuted and you'll find the latest ones here https://www.w3.org/blog/CSS/. In addition, when an issue that is on GitHub is discussed, minutes will be posted to that issue. Therefore you can follow specific issues on GitHub if you want to see when they are discussed.

The group is always very keen to know what web developers are interested in. The process can seem to move very slowly at times, but that's because once web platform features get into the wild we can't take them back. It's better to take care when creating them, in order that what we end up with works well now and into the future.

The second place where you can help to get new things implemented is where we have a spec, but one or more browsers haven't implemented that feature yet. In that case you need to show browser vendors what you want. If there is an active bug on a browser bugtracker, you can go star that issue to show you are interested. You can also talk and write about the feature, thus demonstrating there is developer interest. Also, using features is important. If you can use a feature as an enhancement do so, that demonstrates that people are starting to use something, therefore making it more likely it will be implemented. If you look on Chrome Status, you can see the adoption of features https://www.chromestatus.com/metrics/css/popularity, this is something that browser vendors are aware of, making it really helpful if people start enhancing their layouts with subgrid for example!

Browsers are businesses, and like every other product have to prioritize what they do. By showing that there is a need for something, you can help with those priorities.

Thank you so much for your time, if our readers want to learn more from you where can they track you down?

I'm on Twitter and other places as @rachelandrew, my website is https://rachelandrew.co.uk.