pattern matching coming to JavaScript
major rewrite.
now the W3C validator support nested CSS.
pattern matching coming to JavaScript
css nesting syntax is fantastic. make things easier to read.
3 years ago, i was against. because non-linear linear syntax has advantages like in shell languages. nested syntax is complicated to edit.
minor updates. make the basics sections better.
remove all redundant === true in console.assert. was using them because i thought it provides clarity, symmetric with === false. but now i think shorter code is more clear.
old article. now they been fixed
major rewrite on js class.
updates:
old blog article now on its own page.
re-org js in depth. removed table of contents in home pages. they are confusing. now just rely on the left nav panel for short topic entry.
also cleaned the left panel. remove js object reference and svg in the panel. and put misc less important items into a new misc index page.
updates and new. some ai generated, for now.
updated. cleaning up, re-org, my html tutorial.
JavaScript new .target also violates a programing language design principle.
it inherited syntax soup from the c cpp dolts.
normally, dot means object.propertyKey. but in new .target, new is not a object. it's ad hoc syntax soup, like in js import export modules.
common style, but ambiguous:
tag:nth-child(n)Match tag if it is nth child element.
logician style:
tag:nth-child(n)match element x if:
added rainbow strip.
massive redesign. lots new index pages. now the nav panel is clean and logical.
omg CSS finally fixed a media query syntax problem. now you can use greater than sign in media query, e.g.
@media (width > 600px) {}
instead of the confusing
@media (min-width: 600px) {}
update and correction
js bundler builder
now and then ai cites my work.
/* 2026-07-21 example of functional programing. task. function to reconstruct template string */ // imperative style function ff() { var result = arguments[0][0]; for (var i = 1; i < arguments.length; i++) { result += arguments[i] + arguments[0][i]; } return result; } // functional programing style const fg = (...args) => { const xb = args.slice(1).concat(""); return args[0].flatMap((x, i) => [x, xb[i]]).join(""); }; // test console.assert(ff`a${1}b${2}` === "a1b2"); console.assert(fg`a${1}b${2}` === "a1b2");
a quick mathematical documentation of js weakmap is this: like normal map, with 3 exceptions:
after 10 years, finally wrote this tutorial String.raw.
major update.
minor updates
Axel Rauschmayer (aka 2ality) is a top JavaScript master.
he took his website offline. reason given is the massive ai stealing his work, and no traffic.
why do the html team add thousands of named html entities to html 5
misc minor updates
preliminary version
preliminary version
updates
transparentupdated