I'm deeply moved by this article. I can't say how much I do feel the same way about ongoing decadent of humanity. The world has been more material than ever, and yet the people are a lot less alive nowadays.

No "outsourced" TL;DR for this article. You should to read it on your own.

This article explained the concept pretty well! It not only showed how to use Flexbox, but also the reason it's designed this way. Here are a few things I learned:

• the default css layout algorithm is flow. flexbox and grid are two completely different layout. by using display: flex we are switching layout algorithm.
• justify means to position along primary axis, whereas align means to position along cross axis (think of a kebab skew vs cocktail wiener)
• content is a group of things that can be distributed, whereas items refers to single items that are positioned individually.
• width in flow layout is a hard constraint, whereas in flexbox layout it's a "hypothetical size", meaning only the hinted size.
• flex-basis is just like the width (or height) attribute along the primary axis. A difference is that flex-basis cannot reduce an item below its minimum size.
• flex-grow: n to use the remaining n_i/(sum n_i) of space; specially, flex-grow: 0 stick to its intrinsic size.
• flex-grow is used when the children's size combined is smaller than the size of container, whereas flex-shrink is used when children's size is bigger.
• flex-shrink: n shrinks the children by making each pay the debt in size. each pays a portion of (n_i/sum n_i); specially flex-shrink: 0 makes the child never shrink.
• flexbox layout never shrinks an item below its min-width (or height), regardless of their flex-shrink value, and even at the cost of overflowing the container.
• gap is a convenient attribute comparing to setting margin because it doesn't add spacing on the ends.
• margin: auto is an useful alternative to flex-grow: 1 because it gobbles up the spare space without changing the item's size.
• with flex-wrap: wrap, items won't shrink below their hypothetical size, and overflowed items wrap to a new row/column.
• when flex-wrap: wrap takes effect, we use align-content to adjust the position of all items about the cross-axis.

IoT circuit drawing and simulation. Supports many real parts.

A comprehensive introduction to the working and graphics pipeline.

A webgl demo scene (?) of infinitely recursive game of life in game of life.

An linux sandboxing tool with pledge() syntax by Justine Tunney, author of "actually portable executable" and "redbean".

Alternative to apparmor (kernel module) or bubblewrap (cgroup/namespace).

it's intended to dispel a few common myths and help regular people understand UEFI a bit better.

The article is a bit long, but it indeed contains a lot of information I actually wanted to know.

A theory on how ChatGPT find it so hard to calculate the rot13 cipher - ChatGPT is only capable of System 1 thinking, which is based on quick intuition, whereas the rot13 problem requires going through elaborated inference, which requires the System 2 thinking ability.

Make a fragment shader with a node editor. You connect the nodes, preview the effect, and get a shader definition.

This project is similar to something I wanted to create for a long time.

An advocate on using Postgres to replace the role for cache, data warehouse, message queue, document database, full-text search, and backend API. It surprises me that Postgres has all these capabilities.

A thought provoking article on the coding syntax of sequences (lists, fields, pipes). An interesting reflection on how we typically intuit about sequence syntax in natural languages and how it may be better written in the other way around.

A bunch of trivia about linking in UNIX-like operating systems.

An article on how to make a handwritten font with Inkscape (trace bitmap) and Fontforge.

A type of music composer that is based on calculating each the amplitude of a wave based on an expression at each time step. It's pretty amazing how complex the melody can be from some of the very simple expressions.

I learned a bit about how bluetooth low energy (BLE) works from this article.

(1) A bat and a ball cost $1.10 in total. The bat costs $1.00 more than the ball. How much does the ball cost? __ cents

(2) If it takes 5 machines 5 minutes to make 5 widgets, how long would it take 100 machines to make 100 widgets? __ minutes

(3) In a lake, there is a patch of lily pads. Every day, the patch doubles in size. If it takes 48 days for the patch to cover the entire lake, how long would it take for the patch to cover half of the lake? __ days

Three simple questions with misleading answers :)

An interesting human-computer interaction design based on scribbling.

Search books on zlibrary ipfs mirrors after the shutdown of the main site.

source code: https://github.com/zu1k/zlib-searcher

Theories, laws, effects about psychology and society (e.g. Murphy's law).

Intuit what kind of data it is by looking at a blob of binary.