Notes on software and the ideas behind it

Find the meaning
behind the code.

I’m Fred Yang. I write about software—how it works, why it behaves the way it does, and the ideas that make code easier to reason about.

Open the notebook

Working notes / 2026

Recently mapped

Architecture, reactivity, and the hidden relationships that shape frontend systems.

css

link as button

Anchors are inline elements, they only activate when you click on the content of the link. However, there instances when you want to create more of a button like with a larger clickable area....
Follow the thread
css

float basic

A floated box can either be shifted to the left or the right until its outer edge touches the edge of its containing box, or another floated box. Because floated boxes aren’t in the...
Follow the thread
css

overflow:auto hack

float will take element out of its flow layout, which means the original position if not floated is taken out. So if all content of a container is floated, the container contains nothing ,...
Follow the thread
css

Relative vs Absolute position

<p>Positioned element are the elements with relative or absolute setting value for the position style. Non-positioned element are the element without these value for the position style.Left/Right style can be used together to with...
Follow the thread
css

setting the height of line box

Element like span is inline element. Their horizontal spacing can be adjusted using horizontal padding, border, and margin. However, vertical pading, border, margins will have no effect on the height of an line box.But...
Follow the thread