Using CSS to create a CRT

Many of us remember televisions from our childhoods as these flickering glass behemoths. These were CRT TVs and they had a very different look to them than our LCD screens do today. I have attempted to assemble a set of CSS effects to replicate this look mainly by adding three things: screen-door effect, flicker, and color separation. The color separation idea originally came from the hyperpunk theme by Andre Staltz for the hyper terminal. The scanlines and flicker effects came from the CSS CRT screen effect codepen by Lucas Bebber.

Free WordArt Generator - Create 90s Text Effects Online | Make WordArt

Free Online WordArt Generator - Create Nostalgic 90s Text Effects Instantly. No Photoshop needed! Download as PNG or use in iMessage, Google Docs. The original MS Office retro styles.

Hypertext TV

Daily programming for the handmade web. Airing now.

Zain Shah on Twitter / X

Imagine every pixel on your screen, streamed live directly from a model. No HTML, no layout engine, no code. Just exactly what you want to see.@eddiejiao_obj, @drewocarr and I built a prototype to see how this could actually work, and set out to make it real. We're calling it… pic.twitter.com/C4BEi1lse8— Zain Shah (@zan2434) April 22, 2026

Preserving the Pixel Art Look in Web Content

Learn essential CSS techniques, scaling strategies, and design principles that preserve the crisp, totally-cool aesthetic of pixel graphics across high-resolution displays and responsive web environments.

Retro Wave

Turn your text into a retro-futuristic illustration

Television

Television is a visual interface for personal agents, a space for creating, arranging, and reusing artifacts.

Zain Shah (@zan2434)

Imagine every pixel on your screen, streamed live directly from a model. No HTML, no layout engine, no code. Just exactly what you want to see. @eddiejiao_obj, @drewocarr and I built a prototype to see how this could actually work, and set out to make it real. We're calling it Flipbook. (1/5)

Fullscreen rendering - Claude Code Docs

Enable a smoother, flicker-free rendering mode with mouse support and stable memory usage in long conversations.

Text Rendering Hates You - Faultlore

Rendering text, how hard could it be? As it turns out, incredibly hard! To my knowledge, literally no system renders text “perfectly”. It’s all best-effort, although some efforts are more important than others.

Using CSS to fix the irradiation illusion · November 29, 2025

How to adjust perceived font weight in dark mode without layout shift

Tocat (@tocatapp.bsky.social)

Working on a visual experience in the ATmosphere. Made with 💖 in Brazil.

elle's homepage

elle's hypertext stuff

How I Write Alt-Text - 12 Aug 2026 03:30 UTC

‘Alt-text’ is short for alternative text, and is used to convey the substance of visual content as text. It is important for people with visual disabilities, though is beneficial for a wide range of people. It is useful for low-speed connections where an image might not load, for searching for an image, for SEO/AIO/GEO, for cases where a link to an image is broken, for understanding context, and for a variety of other gains.