CSS interactive examples - help wanted

In the MDN team we schedule work in 3-week sprints: 12 days work plus 3 days of planning. I wrote the post above at the start of a sprint, and we’re just about to start the next one, so this seemed like a good time to look back at it.

In the sprint I estimated that we’d complete 50 CSS interactive examples, which at the time I thought might be a stretch.

How did we do?

In fact, we now have a total of 179 examples. I’m not sure exactly how many we started with, but I’m pretty sure we have added at least 140 in this sprint.

How did this happen?

Most of the examples were contributed by volunteers. Here’s a list of everyone who landed at least one CSS example in the last sprint:

I’m hesitant to single anyone out, but must mention mfluehr who contributed a mind-boggling number of examples. I’m afraid I lost count of exactly how many, but I think around 100.

Here are a few of the examples that people have made:

Apart from writing examples people have got involved in suggesting, implementing and landing some quite intricate improvements to the editor and the contribution workflow, especially danielhickman and kenrick95.

So: thanks to all these people! It’s been amazing to see such engagement in GitHub-hosted MDN projects.

What’s next?

One thread is to finish off the CSS examples. We have about 150 pages left. Some of the remaining properties are experimental, and have limited browser support. We need to improve the way the editor handles experimental properties.

The other thread is to implement an editor for interactive HTML examples. @schalkneethling has written a prototype HTML editor, which we’ll user test in the next sprint.

3 Likes