Accessories
Calculator
Text Editor
Terminal
Games
Mines
SuperTux
Internet
Pidgin Internet Messenger
Web Browser
Home
Posts
Tags
Decks
GitHub
GitLab
Mastodon
LinkedIn
StackOverflow
RSS Feed
Preferences
Appearance
Help
About
2026
03
גאולה לאדר תשפ"ו
02
GNOME 2.20 but its Web Components
Toucan Wireless Split Ergonomic Keyboard DIY Build
2025
12
Introducing The Custom Elements Dev Server
10
Apollo Elements v3.0.0 - GraphQL Meets Web Components
08
Introducing CEM Language Server
07
Fun with Ripgrep, part 1
05
Writing your own OS in 100 lines of YAML
04
Introducing Design Tokens Language Server
2024
09
Your Design System is Not a Solution
Typescript Eleventy Config
07
Hosting Firefish on a Raspberry Pi
05
Server Rendering Lit Web Components with Drupal
Import Maps for Cross-team Collaboration
2023
12
Leaving Mastodon
10
We are Abraham smashing the idols
Am Yisrael Chai
07
Another way React Breaks HTML
Sorting and Dating 11ty Posts by Name
WebC Declarative Shadow DOM Slot Workarounds
Debugging GNOME Extensions with dbus-run-session
05
Toggle Markdown Image Syntax with Treesitter
Building a static storage import-map CDN
04
מקלדת עדעלמן הארגונומי
webc.nvim
ספירה ואיסרו חג
ELI5 What are Web Components
Wrapping Emoji in your 11ty build
WebC First Impressions
03
Improving BBC micro:bit's Tug-of-LED Exercise Part 1: Audio
02
Microcopy Translations as a Reactive Controller
splitjoin.nvim
01
Cheaply Rebuilding an 11ty site on Netlify
SVG Icon Sprites in Eleventy
Micro:bit countdown
2022
12
8 Nights of Web Components Tips: 5783
Make a Micro Dreidle
11
Form-Associated Custom Elements
01
Let's Write a Redux Controller for Web Components
2021
12
8 Days of Web Components Tips
07
Narrowing the Type of Class Accessors
06
What's Not new in React 18
Let's Build a Colour Picker Web Component
2020
01
Any Framework, One Stripe Integration
2019
12
Promise Chains are Kinda Awesome
06
Centring Overlapping Content with CSS Grid
04
Embed a Dev.to User Feed with Web Components
02
Lets Build Web Components! Part 8: MythBusters Edition
2018
10
Lets Build Web Components! Part 6: Gluon
Lets Build Web Components! Part 7: Hybrids
Lets Build Web Components! Part 5: LitElement
Lets Build Web Components! Part 4: Polymer Library
Solving Problems in Vue with Web Components
Lets Build Web Components! Part 3: Vanilla Components
09
Lets Build Web Components! Part 2: The Polyfills
Lets Build Web Components! Part 1: The Standards
How I broke Dev.to on my First PR
You Should be Using esm
GNOME
GNOME 2.20 but its Web Components
Debugging GNOME Extensions with dbus-run-session
accessibility
Wrapping Emoji in your 11ty build
apollo
Apollo Elements v3.0.0 - GraphQL Meets Web Components
async
Promise Chains are Kinda Awesome
beginners
How I broke Dev.to on my First PR
css
8 Nights of Web Components Tips: 5783
Let's Build a Colour Picker Web Component
Centring Overlapping Content with CSS Grid
custom elements
Form-Associated Custom Elements
Lets Build Web Components! Part 8: MythBusters Edition
Lets Build Web Components! Part 7: Hybrids
Lets Build Web Components! Part 6: Gluon
Lets Build Web Components! Part 5: LitElement
Lets Build Web Components! Part 4: Polymer Library
Lets Build Web Components! Part 3: Vanilla Components
Lets Build Web Components! Part 2: The Polyfills
Lets Build Web Components! Part 1: The Standards
design systems
Introducing Design Tokens Language Server
Your Design System is Not a Solution
Building a static storage import-map CDN
design tokens
Introducing Design Tokens Language Server
developer-tools
Introducing The Custom Elements Dev Server
devops
How I broke Dev.to on my First PR
diy
Toucan Wireless Split Ergonomic Keyboard DIY Build
education
Improving BBC micro:bit's Tug-of-LED Exercise Part 1: Audio
eleventy
Typescript Eleventy Config
Sorting and Dating 11ty Posts by Name
WebC Declarative Shadow DOM Slot Workarounds
webc.nvim
Wrapping Emoji in your 11ty build
WebC First Impressions
Cheaply Rebuilding an 11ty site on Netlify
SVG Icon Sprites in Eleventy
eli5
ELI5 What are Web Components
ergonomics
Toucan Wireless Split Ergonomic Keyboard DIY Build
es6
You Should be Using esm
esm
You Should be Using esm
face
Form-Associated Custom Elements
fediverse
Hosting Firefish on a Raspberry Pi
fedora
Writing your own OS in 100 lines of YAML
firefish
Hosting Firefish on a Raspberry Pi
functional programming
Promise Chains are Kinda Awesome
Lets Build Web Components! Part 7: Hybrids
Lets Build Web Components! Part 5: LitElement
gentoo
Hosting Firefish on a Raspberry Pi
github
Cheaply Rebuilding an 11ty site on Netlify
gluon
Lets Build Web Components! Part 6: Gluon
go
Introducing CEM Language Server
graphql
Apollo Elements v3.0.0 - GraphQL Meets Web Components
hannukah
8 Days of Web Components Tips
8 Nights of Web Components Tips: 5783
Make a Micro Dreidle
html
Introducing The Custom Elements Dev Server
Am Yisrael Chai
8 Days of Web Components Tips
Another way React Breaks HTML
ELI5 What are Web Components
Wrapping Emoji in your 11ty build
WebC First Impressions
SVG Icon Sprites in Eleventy
8 Nights of Web Components Tips: 5783
Let's Build a Colour Picker Web Component
Any Framework, One Stripe Integration
Embed a Dev.to User Feed with Web Components
Lets Build Web Components! Part 8: MythBusters Edition
Lets Build Web Components! Part 7: Hybrids
Lets Build Web Components! Part 6: Gluon
Lets Build Web Components! Part 5: LitElement
Lets Build Web Components! Part 4: Polymer Library
Lets Build Web Components! Part 3: Vanilla Components
Lets Build Web Components! Part 2: The Polyfills
Lets Build Web Components! Part 1: The Standards
hybrids
Lets Build Web Components! Part 7: Hybrids
hyprland
Writing your own OS in 100 lines of YAML
interop
Solving Problems in Vue with Web Components
israel
Am Yisrael Chai
We are Abraham smashing the idols
javascript
8 Days of Web Components Tips
Narrowing the Type of Class Accessors
What's Not new in React 18
Another way React Breaks HTML
Building a static storage import-map CDN
Microcopy Translations as a Reactive Controller
8 Nights of Web Components Tips: 5783
Form-Associated Custom Elements
Let's Write a Redux Controller for Web Components
Let's Build a Colour Picker Web Component
Any Framework, One Stripe Integration
Promise Chains are Kinda Awesome
Embed a Dev.to User Feed with Web Components
Solving Problems in Vue with Web Components
You Should be Using esm
Lets Build Web Components! Part 8: MythBusters Edition
Lets Build Web Components! Part 7: Hybrids
Lets Build Web Components! Part 6: Gluon
Lets Build Web Components! Part 5: LitElement
Lets Build Web Components! Part 4: Polymer Library
Lets Build Web Components! Part 3: Vanilla Components
Lets Build Web Components! Part 2: The Polyfills
Lets Build Web Components! Part 1: The Standards
judaism
גאולה לאדר תשפ"ו
keyboard
Toucan Wireless Split Ergonomic Keyboard DIY Build
layout
Centring Overlapping Content with CSS Grid
linux
Fun with Ripgrep, part 1
Writing your own OS in 100 lines of YAML
מקלדת עדעלמן הארגונומי
lit
GNOME 2.20 but its Web Components
Apollo Elements v3.0.0 - GraphQL Meets Web Components
Introducing CEM Language Server
Microcopy Translations as a Reactive Controller
Form-Associated Custom Elements
Let's Write a Redux Controller for Web Components
Let's Build a Colour Picker Web Component
Lets Build Web Components! Part 5: LitElement
lsp
Introducing CEM Language Server
lua
Toggle Markdown Image Syntax with Treesitter
webc.nvim
splitjoin.nvim
mentoring
Improving BBC micro:bit's Tug-of-LED Exercise Part 1: Audio
Micro:bit countdown
Make a Micro Dreidle
micro:bit
Improving BBC micro:bit's Tug-of-LED Exercise Part 1: Audio
Micro:bit countdown
Make a Micro Dreidle
mythbusters
Lets Build Web Components! Part 8: MythBusters Edition
neovim
Introducing Design Tokens Language Server
Toggle Markdown Image Syntax with Treesitter
webc.nvim
splitjoin.nvim
open source
Apollo Elements v3.0.0 - GraphQL Meets Web Components
opinion
What's Not new in React 18
WebC First Impressions
performance
Introducing CEM Language Server
Cheaply Rebuilding an 11ty site on Netlify
SVG Icon Sprites in Eleventy
physics
Improving BBC micro:bit's Tug-of-LED Exercise Part 1: Audio
polyfills
Lets Build Web Components! Part 3: Vanilla Components
Lets Build Web Components! Part 2: The Polyfills
polymer
Lets Build Web Components! Part 4: Polymer Library
promise
Promise Chains are Kinda Awesome
purim
גאולה לאדר תשפ"ו
raspberrypi
Hosting Firefish on a Raspberry Pi
react
What's Not new in React 18
Another way React Breaks HTML
redux
Let's Write a Redux Controller for Web Components
ripgrep
Fun with Ripgrep, part 1
ruby
How I broke Dev.to on my First PR
selfhosting
Hosting Firefish on a Raspberry Pi
showdev
Embed a Dev.to User Feed with Web Components
svg
SVG Icon Sprites in Eleventy
torah
גאולה לאדר תשפ"ו
ספירה ואיסרו חג
We are Abraham smashing the idols
treesitter
Introducing CEM Language Server
splitjoin.nvim
typescript
Introducing CEM Language Server
Narrowing the Type of Class Accessors
Typescript Eleventy Config
Microcopy Translations as a Reactive Controller
vue
Solving Problems in Vue with Web Components
web components
GNOME 2.20 but its Web Components
Introducing The Custom Elements Dev Server
Apollo Elements v3.0.0 - GraphQL Meets Web Components
Am Yisrael Chai
Introducing CEM Language Server
Fun with Ripgrep, part 1
Your Design System is Not a Solution
8 Days of Web Components Tips
What's Not new in React 18
WebC Declarative Shadow DOM Slot Workarounds
ELI5 What are Web Components
WebC First Impressions
8 Nights of Web Components Tips: 5783
Form-Associated Custom Elements
Let's Write a Redux Controller for Web Components
Let's Build a Colour Picker Web Component
Any Framework, One Stripe Integration
Embed a Dev.to User Feed with Web Components
Solving Problems in Vue with Web Components
Lets Build Web Components! Part 8: MythBusters Edition
Lets Build Web Components! Part 7: Hybrids
Lets Build Web Components! Part 6: Gluon
Lets Build Web Components! Part 5: LitElement
Lets Build Web Components! Part 4: Polymer Library
Lets Build Web Components! Part 3: Vanilla Components
Lets Build Web Components! Part 2: The Polyfills
Lets Build Web Components! Part 1: The Standards
webc
WebC Declarative Shadow DOM Slot Workarounds
webc.nvim
WebC First Impressions
Teaching AI to Speak Web Components
Exploring new and upcoming Web Components features
Semantic Component Testing
WebC: Prerelease, Promise, and Pitfalls
PatternFly Elements Catch Up
PatternFly Elements: a Performant Design System
Introduction to Web Components and PatternFly Elements
Introduction to Web Technologies
Starting Functional JavaScript
Posts
Tags
Latest
Decks
Resume
Help
Help
Inspirations
| Project | Description |
|---|---|
| GNOME 2 | The classic GNOME desktop environment (2002-2011) |
| Fedora 10 (Cambridge) | Desktop icon layout and overall look and feel |
| Clearlooks | Default GTK2 theme from GNOME 2.22 onwards |
| Clearlooks-Phenix | GTK3 port of Clearlooks, used as colour reference |
Dependencies and Licenses
| Dependency | License | Use |
|---|---|---|
| Tango Icon Theme | Public Domain | Menu and desktop icons |
| DejaVu Sans | Bitstream Vera / DejaVu License (free) | UI font, matching GNOME 2 default |
| Lit | BSD 3-Clause | Web component framework for all gtk2-* and gnome2-* elements |
| Eleventy | MIT | Static site generator |
| GNOME Foot Logo | GNOME Foundation | Panel icon |
Custom Elements
This site uses custom HTML elements to recreate the GTK2 widget toolkit:
<gtk2-window>- window frame with titlebar and controls<gtk2-menu-button>- panel menu trigger with dropdown<gtk2-menu-item>- menu item with icon, label, and submenu support<gtk2-scrolled-window>- scrollable content area<gnome2-panel>- top and bottom panels<gnome2-desktop>- desktop container with icon grid and window area<desktop-icon>- desktop shortcut icon
Legal Notices
This is a personal website. It is not affiliated with, endorsed by, or sponsored by any of the projects, organizations, or entities mentioned herein.
Trademarks
GNOME and the GNOME foot logo are trademarks or registered trademarks of the GNOME Foundation in the United States and other countries. Fedora is a registered trademark of Red Hat, Inc. GTK is a trademark of the GNOME Foundation. Linux is a registered trademark of Linus Torvalds. All other trademarks are the property of their respective owners.
Disclaimer
The content on this site is provided "as is" without warranty of any kind, express or implied, including but not limited to the warranties of merchantability, fitness for a particular purpose, and noninfringement. In no event shall the author be liable for any claim, damages, or other liability arising from the use of this site or its content.
The appearance and UI of this site are an affectionate homage and are used for purely personal, non-commercial, and nostalgic purposes. No challenge to any trademark or copyright is intended or should be inferred.