NEONet — IRC / BBS Network

#retro-computing · 142 users

Topic: discussing the new dotmatrix.css v0.2 framework. Be kind, no bots.

# retro-computing

"CRT gang rise up"

[14:21] — @pixel_farmer joined #retro-computing

14:21@sysop welcome @pixel_farmer

14:22@retro_owl anyone tried the new dotmatrix.css framework? it's classless

14:23@neon_witch just dropped 0.1.0. 6KB gzipped, semantic html only

14:24@pixel_farmer nice. does it do the scanline overlay thing?

14:24@neon_witch yep, controllable via --dm-scanlines var. 0-2 intensity

14:25@crash_override my browser doesn't respect font-variant-emoji yet. emoji still colorful in chrome 130

14:25@neon_witch try chrome 131+. it's there

14:26@retro_owl built my BBS in an hour. link in thread 👀

14:27@mbm retroware how does it handle tables tho

14:27@neon_witch @mbm works fine, striped rows by default, semantic <table><thead><tbody> styling

14:28@pixel_farmer gonna fork it and add a vim mode theme

14:29@sysop remember to keep it classless. that's the whole point

Active threads

Long-form discussions from the forums. Reply by email or jump into IRC.

NF @neon_witch · posted 2h ago · #frameworks

Why I built dotmatrix.css

I tried NES.css. It was beautiful, but every button required class="nes-btn is-primary". With a larger form, the markup became hard to scan. dotmatrix.css keeps the same retro spirit and styles semantic HTML without those classes.

▤ 47 replies ❤ 89 likes ↗ 12 forks ★ 4.8 / 5

PF @pixel_farmer · posted 5h ago · #show-and-tell

I rebuilt my BBS with dotmatrix.css in an hour

See attached screenshot. Custom theme overrides, ~10 lines of CSS variables changed the entire look from green CRT to magenta synthwave. The framework is so easy to theme I almost feel guilty.

▤ 23 replies ❤ 41 likes ↗ 4 forks

CO @crash_override · posted 1d ago · #help

font-variant-emoji not working on older Chrome — workaround?

Per the spec, font-variant-emoji: text should force monochrome rendering. But on Chrome 130 it doesn't seem to take effect. Anyone know if there's a fallback?

▤ 8 replies ❤ 3 likes