CSS Chat Summary: 18th June…

CSSCSS Cascading Style Sheets. Chat Summary: 18th June 2020

Full meeting transcript on Slack: https://wordpress.slack.com/archives/CQ7V4966Q/p1592514070423800

I (@notlaura) facilitated the meeting.

CSS audit updates

@isabel_brison updated the Audit Google Doc with some unique counts of layout and typography related properties with a focus on those than overuse px in a way that effects responsive behavior, and added a list of all properties using px values.

We then discussed @joyously‘s suggestion from a few weeks back that we create a task list for the audit. The doc is useful, but very informal and might be hard to follow for anyone who doesn’t have existing knowledge about the initiative. There was general agreement that a specific task list would be useful. I mentioned that it seems like we are nearing completion of the smaller audit tickets (Create a Report Outline and Determine Methodology Recommendations), and that in a few weeks we will want to discuss what’s next. Exciting! I volunteered to take stock of the remaining work and update the main audit ticket.

Color scheming updates

Last week we discussed naming conventions with the design team, and I mentioned that the notes from that meeting are a good overview of the color scheme initiative for newcomers.

@isabel_brison pointed us to a message that @youknowriad shared a PR adding admin color schemes to Gutenberg. Pretty cool that folks are dropping PRs in our channel!

I mentioned that, in the last meeting, we determined a next step of creating annotated screenshots to start iterating on the color names and abstraction names, and wondered if we should proactively seek out help from the design team for this. @isabel_brison mentioned that whatever the solution, the naming needs to work for designers and devs, and @kburgoine suggested we could propose some names and ask design for feedback. Overall, it will be a collaborative process and doesn’t need to be done by a specific team. We also discussed what exactly would be in an annotated screenshot – a full page? A specific module? I suggested that we start small, maybe with a widgetWidget A WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. or the toolbar.

CSS Latest and Greatest Link Share

I shared a new property I learned about that has good browser support: max-inline-size

@kburgoine shared a lovely tool that shows sorted named CSS colors.

That was all for this week!

#summary #core-css