This site has a table that shows how different css properties might impact rendering a page in different browsers.
Connect: behind the front-end experience
Stripe recently released a new version of their tool called Connect. For the landing page they took advantage of a lot of new techniques and technologies. The article spends a lot of time on some of the CSS features they used.
The Equilateral Triangle of a Perfect Paragraph - A Web Typography Learning Game
I like the idea of the game, and I like the idea of the Triangle concept. However, the game is frustrating because it depends upon you visually “just knowing” when things are in balance and the intro to the game doesn’t offer anything to actually teach that.
Using CSS variables correctly
CSS Variables (Custom Properties) are supported in the major browsers. They let you do many things that preprocessor variables let you do, but they are very different. Some techniques transfer, others need to be rethought. This article does a good job of covering how one might best use custom properties, and a bit of how not to shoot yourself in the foot.
If you are wanting to learn React, this is a good place to start. If you want to learn more about a particular React topic and different approaches, you’ll also find some useful information. Especially around styling.
Patterns of Service-oriented Architecture: Denormalized Cache
This is part of a series on Service-Oriented Architectures, and I may have to go back through and read all of it. When you have interconnected data querying information can be slow. If everything is in one database you can make it work by querying across tables. If you have a microservices architecture that isn’t a good option, and caching is the way to go. The article does a good job of highlighting what problems denormalized caching can solve, but also what gotchas exist.