After years of using preprocessors such as SASS and LESS for variable support, CSS variables (Custom Properties) are finally supported sufficiently enough such that I feel comfortable in using them for new projects. According to caniuse.com, support of CSS variables currently stands at 95.13%. I understand ~4.9% of people will not be able to get a good experience using the site based on this statistic, however it is important to look at the current statistics of your/your client's site and see what technologies are actually being used.

After years of working with various CMSs and frameworks, such as Umbraco, Wordpress and Django, where the templating layer is packaged as part of it, I decided to go with a headless CMS for the creation of my new personal website. I wanted to do this for a couple of reasons: I've been enjoying my venture into using the JAMStack over the past year and I didn't want to have to manually create the APIs for providing the content to the front end application.

As CSS allows increasingly complex designs to be implemented, and with much more cross browser support for even some of the latest features, it seemed the right time to take on a CSS art challenge. With the second part of the latest season of Rick and Morty now airing, after watching an episode I thought that doing some Rick and Morty related would be a nice challenge.