Posts by Figsh
@Figsh
Ekuyik Sam
Full-stack web developer | open-source contributor | JavaScript programming
Posts by Figsh
FSCSS layout helpers: stack, hstack, center, size, rounded, ratio-fit, and friends
From version 1.2.5 FSCSS added a set of property shorthands aimed at everyday layout and chrome—spacing axes, flex stacks, sizing, and aspect boxes—without inventing ...
Most radar charts pull in SVG path math or a JavaScript charting library. You can skip both.
With st-core.fscss, a spider radar chart is:
an FSCSS array of scores 0–100
polar coordinates stored as CSS variables --st-sxN, --st-syN
shapes drawn wit...
Circular progress, pie charts, and step rings usually mean SVG path math or a chart library.
circle-progress.fscss does it with pure CSS — conic-gradient, masks, and FSCSS @define helpers.
Repo: Figsh/Circle-progress.fscsshttps://github.com/Figsh/...
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...
chevron_left