I got tired of updating chart screenshots in READMEs by hand.
Either the numbers were stale, or I’d regenerate an image, commit it, and forget the next week. For docs and GitHub READMEs I don’t need a full chart library on the page — I need a vector...
Understanding exec in FSCSS
In FSCSS, exec serves two completely different purposes depending on where you write it:
1. Inside your stylesheet: as a utility / debugging function
2. In JavaScript / HTML: to load and compile the styles
Let’s brea...
Charts without the JS tax.
Most charting libraries force a trade-off:
You get beautiful interactive charts
…but you also ship 40–150 kb of JavaScript
…and the chart only appears after JS executes
…and search engines often struggle to see t...
cube.fscss is a lightweight, pure CSS 3D cube system built on FSCSShttps://fscss.devtem.org/. It renders a spinnable 6-face cube using nothing but perspective, transform-style: preserve-3d, and translateZ/rotateX/rotateY — no JavaScript, no 3D librar...
If you've ever built a stats dashboard, you know the drill — a bunch of divs, a charting library, a pile of JavaScript, and somehow it still looks off.
What if you could drop a chart into a page with just CSS? No canvas, no SVG, no JS dependency. Th...
CSS naming hasn't evolved.
Everything else in development has — JavaScript, Python, APIs — but CSS is still stuck in:
background-color: #111;
border-radius: 8px;
Hyphens. Everywhere.
Meanwhile, the rest of your stack uses:
camelCase JavaScript
...
One thing about FSCSS is that you can define your own functions… inside your styles. Here’s a simple example of how that works.
Custom randint Function
@define randintarray{
@random@usearray
}
What this function does:
Takes an array as an arg...
FSCSS Figured Shorthand Cascading Style Sheet is a styling approach designed to simplify CSS by using shorthand techniques. It allows developers to write more concise and efficient styles, reducing redundancy and improving readability.
Key Features ...