This space intentionally left blank.
Constructing an HTML Tree | Web Browser Engineering
So far, our browser sees web pages as a stream of open tags, close tags, and text. But HTML is actually a tree, and though the tree structure hasn’t been important yet, it will be central to later features like CSS, JavaScript, and visual effects. So this chapter adds a proper HTML parser and converts the layout engine to use it.
Laying Out Pages | Web Browser Engineering
So far, layout has been a linear process that handles open tags and close tags independently. But web pages are trees, and look like them: borders and backgrounds visually nest inside one another. To support that, this chapter switches to tree-based layout, where the tree of elements is transformed into a tree of layout objects before drawing. In the process, we’ll make web pages more colorful with backgrounds.
Shoelace: A forward-thinking library of web components.
Hand-crafted custom elements for any occasion.
Making Space for a Handmade Web | Figma Blog
There’s a resurgence of small, handcrafted sites challenging the current trajectory of the internet. Joining the movement is as simple as making your own.
HTML Whitespace is Broken - Devel without a Cause
A deep dive into HTML whitespace collapsing: How it works, why it sucks, how it should work, and how to deal with it.
HTML Whitespace is Broken - Devel without a Cause
A deep dive into HTML whitespace collapsing: How it works, why it sucks, how it should work, and how to deal with it.
Lumis - Syntax Highlighter
Syntax highlighting powered by Tree-sitter and Neovim themes. One API across CLI, Rust, Elixir, JavaScript / TypeScript, browsers, and Java.
Figma Dreamweaver
The dream of being able to generate working websites will remain out of reach until UX redefines its practice around semantic structure rather than layouts.
leaf : Terminal Markdown previewer — GUI-like experience.
leaf renders Markdown files with rich formatting, syntax highlighting, LaTeX math, Mermaid diagrams, and more — all without leaving your terminal.
cssEarth: the universe in HTML and CSS
Explore planets, moons, stars and galaxies built from open space data as 3D HTML and CSS, without WebGL or canvas.
Messin’ around with web components. Also—JavaScript, generally
Free crash course on JavaScripts objects, "this", and classes!
Alex Russell | Web Components and Model Driven Views | Fronteers 2011
There's a lot of tension between today's markup and the semantics we're trying to express in our apps. HTML5 adds a few new types to help describe common cases, but what about when there's no allegory in markup for what you're building? What we need now is infrastructure, not guilt about being "non-semantic". This talk explores new standards-track work in WebKit that's going to enable say-what-you-mean development in completely new ways.
A Web of Data
Thoughts on making a "Web of Data" instead of a "Web of Pages", and how that might let us take a step away from the dominance of large, complicated browsers.
Blog | FixBrowser
This blog post describes the rich text component used in FixBrowser web browser to display HTML pages and for interaction with the user.
abhijeetsanghvi-art/bsky-comments
Embed Bluesky discussion threads easily on any website with this lightweight, zero-dependency Web Component that offers flexible styling and universal compatibility.
