Flow released 0.99 (comparing changes) a few days ago. This release contains changes around callable properties, function statics, a few more utilities coming from the React Component realm, bugfixes, and performance improvements for Flow server.
I came across the idea of implementing night mode using
mix-blend-mode: difference when I was preparing for my talk This World Mixed and Blended (these slides require color font support, i.e., FireFox / Safari). The original idea was only meant for a showcase and the browser support is currently limited.
Still, I implemented it to my dev blog and had a lot of fun. So this will be what this post is about. Meanwhile, as I thought more about it, it occurs to me now that this can be a legit preferred way night mode is to be done. And let me share a bit about the intuition behind that as well.
It’s a Monday after Flow updated 😱 0.98 seems to contain many fixes. Happy to see Flow making more sense version by version. I’m also glad to be learning bits and bites about Flow on the go so I thought I’d share about that :)
Note This is a very flat post where I list out all the steps I did to create a multi author blog. You may not want to read this because it can be very boring. It’s just not one of those post I give a lot of thought in the creative side of things.
Things learned running
Revised on June 11, 2019
For the past few weeks I’ve filled my free hours to upgrade our codebase’s dependency of Flow to its latest versions. We were stuck at 0.83 because apparently anybody who tried 0.85 immediately decided to give up. When I picked it up, Flow was at 0.89. The time I’m writing this, it is at 0.97 already 🤷🏻♀️
I’ve been preparing for my Talk.CSS talk about
mix-blend-mode this week. Meanwhile, if you happen to have come across this cute little community called SingaporeCSS, and are even in our facebook group, you’d notice that the banner, though dates back to Jan 2018, uses an interesting display font.
I was working on a this design that contains a few badges aligned like this on a corner. The content of those badges is not fixed, so I do not know the exact width of each of them. However, the design requires that they have flexible widths.
This’ll be a quick post about how to fix most of the
Omitting the construction details, a cubic Bézier curve is a [0,1] curve with at most two smooth turns.