💬 ชาวเน็ตแห่แชร์: tag/fscss

Level UI • 1 day • in Articles • 9 min read

An MCP server is not a new API. It is a thin layer over the one you already have

Somewhere in the last year, "do we need an MCP server?" joined the list of questions that arrive in a brief before anyone has said what the thing is for. It is usually framed as MCP vs API, as though the Model Context Protocol were a newer kind of AP...

9 Reactions 7 Comments

Figsh • 2 days • in Discussions • 5 min read

Build an AI Ops Dashboard with FSCSS modules (ai-ui, st-core, circle-progress, overlapui)

forumDiscussion group2 participants

4 Reactions 2 Comments

Figsh • 6 days • in Articles • 5 min read

devtemDesign: one config object paints a whole landing page

> A zero-dependency page engine in plain HTML, CSS and JS. 7 templates, live theming, pricing, FAQ, stats and a mobile drawer from a single config. Full reference included Every landing page I built started the same way: nav, hero, feature cards, pr...

0 Reactions 0 Comments

Figsh • Oct 21 • in Tutorials • 3 min read

FSCSS layout helpers: stack, hstack, center, size, rounded, ratio-fit(), etc

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 ...

0 Reactions 0 Comments

Figsh • Oct 20 • in Articles • 3 min read

Shipped: the FSCSS Browser IDE

Multi-file FSCSS in the browser — compile, preview, enable packages, export plain CSS. No install required. Open fscss.devtem.org/idehttps://fscss.devtem.org/ide and work. What it is The FSCSS IDE is a single-page workspace for Figured Shorthand ...

2 Reactions 2 Comments

Figsh • Oct 11 • in Tutorials • 4 min read

Build a Pure CSS Radar Chart — Lightweight, Max Performance

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...

0 Reactions 0 Comments

Figsh • Oct 6 • in Articles • 4 min read

Designing overlapped / cascaded UI with overlapui

Build avatar stacks, notification piles, image strips, and radial menus with a token-driven CSS architecture—rest vs open states, no JavaScript for the interaction—using the overlapui FSCSS module. Reference: overlapui.fscsshttps://github.com/fscss-...

4 Reactions 2 Comments

Figsh • Sep 30 • in Articles • 1 min read

FSCSS 1.2.5 ships property shorthands: size, px, inset-x, ratio-fit()

A new FSCSS release. This one's aimed at the pairs everyone keeps typing out by hand: / before / width: 32px; height: 32px; / after / size: 32px; Same deal for the other repeat offenders: .card { px: 16px; / padding-left + padding-right /...

0 Reactions 0 Comments

Figsh • Sep 26 • in Articles • 2 min read

FSCSS auto-loop: percentage keyframes

This snippet builds a stepped “processing 0% → 99% → done” animation by looping an array into @keyframes percentages — not a JS timer. Setup 1. npm install -g fscss@latest 2. VS Code: FSCSS language support FSCSS Supporthttps://marketplace.visuals...

6 Reactions 4 Comments

Figsh • Sep 21 • in Articles • 3 min read

How to Use st-core.fscss with Svelte

st-core.fscss draws charts with pure CSS, clip-path polygons plus custom properties, no JS chart library, no SVG, no canvas. Svelte doesn't need to draw anything for it. It just needs to own the data and reactively set --st-p1, --st-p2, and so on whe...

2 Reactions 0 Comments

Figsh • Sep 18 • in Articles • 2 min read

Finally Shipped st-core.fscss v2 — CSS Charts Without the 8-Point Ceiling

For a while, st-core.fscss charts had one annoying limit: every line, fill, and dot was locked to exactly 8 data points. --st-p1 through --st-p8, hardcoded. Want to plot 12 weeks of revenue? Tough. Want 5 points for a quick demo? You'd pad the array ...

4 Reactions 2 Comments

Figsh • Sep 13 • in Tutorials • 2 min read

Building Circular UI with circle-progress.fscss (No JavaScript)

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/...

0 Reactions 0 Comments

Figsh • Sep 5 • in Articles • 2 min read

FSCSS v1.2.0 is out: two clean entry points, full backward compatibility, and inline

FSCSS is open source, built in the open, and free for anyone to use, extend, or pick apart. That's the whole point of it. Every release is meant to make it easier for other developers to build with, not harder. v1.2.0 is the clearest example of that ...

1 Reactions 0 Comments

Figsh • Aug 25 • in Discussions • 4 min read

Why Readable CSS Matters More as AI Writes More of It

forumDiscussion group2 participants

5 Reactions 2 Comments

Figsh • Aug 22 • in Tutorials • 1 min read

Understanding exec() in FSCSS — Two Completely Different Jobs

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...

0 Reactions 2 Comments

Figsh • Aug 18 • in Launches • 3 min read

pattern() in FSCSS 1.1.25

FSCSS version 1.1.25 release...

5 Reactions 2 Comments

Figsh • Aug 7 • in Tutorials • 2 min read

I built pure CSS 3D dice cube module: FSCSS

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...

2 Reactions 2 Comments

Figsh • Apr 4 • in Tutorials • 2 min read

Designing Stats UIs with FSCSS and st-core

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...

1 Reactions 2 Comments

Figsh • Mar 28 • in Articles • 1 min read

Write CSS in camelCase or snake_case — FSCSS

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 ...

2 Reactions 1 Comments

Figsh • Mar 28 • in Articles • 1 min read

⚡ Creating Custom Functions in FSCSS (Yes, CSS Can Do This)

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...

0 Reactions 0 Comments

Figsh • Mar 28 • in Articles • 1 min read

FSCSS introduction

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 ...

0 Reactions 0 Comments

Welcome to Coder Legion

Connect with 5,751 amazing developers

Don't have an account? Sign up

OR

Recent posts tagged fscss