Joined 16 years ago
You are very welcome to contribute!
That site is where I keep all by grid demos including a whole series of tutorial videos explaining the spec.
The grid (and flexbox) specifications define how fallbacks should work, making it pretty straightforward to create good - not identical (because what would be the point?) experiences for the browsers you need to support.
So, for example with display: table which generates anonymous boxes, the spec defines that box generation won't happen.
I detailed a bunch of this stuff here: https://rachelandrew.co.uk/css/cheatsheets/grid-fallbacks
I've only ever done this with a child to take care of, and I've done it by simply working every possible moment I could, and being organised and focused with my time. However being able to provide for her, made that worthwhile. I started my own business when she was still only at school half days, and we talked about work, and why I needed to work, and that work was where money came from. The money to eat, have a home, and do nice things together.
I count myself lucky that I get to do things I enjoy. However it is amazing what can be achieved with hard work and focus, and a purpose.
Interestingly it has been very popular with teams (so selling a set of licenses so a whole team of developers can use the material). I also teach the same material in person (either in-house or in open workshops) so I'm keeping the two in sync. I made some notes about that process on my blog: https://rachelandrew.co.uk/archives/2016/06/03/creating-an-e...
I intend to do a bit more marketing of both the in-person and online training in the new year.
As an independent (not working for a browser vendor) invited expert to the CSS Working Group, training and offering this course is really how I can fund doing that.
Here is a list of mistakes the CSS Working Group would like to change, if we could go back in time to do so https://wiki.csswg.org/ideas/mistakes
I would really encourage anyone who thinks the web platform as it stands is sucky to get involved in trying to make it better. There are lots of interesting things happening - a lot of them behind browser flags.
Also, take a look at Houdini - the project to open up the APIs and let you extend CSS itself. There is an explanation of the project here https://www.smashingmagazine.com/2016/03/houdini-maybe-the-m...
If you use flexbox as an enhancement, to get really good alignment of UI elements for example, then you can often take advantage of it to make the experience really great in newer browsers while not locking out old ones.
I would suggest taking a look at Zoe M. Gillenwater's talk. She works for Booking.com. Are they locking out old IE users? Of course not. So she demonstrates how to enhance responsiveness with flexbox. https://www.youtube.com/watch?v=_98SE8WUvLk
