Xah JS Blog 2026-07 to 2026-08

updates

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.

misc updates.

updates.

updates and new. some ai generated, for now.

more updates.

updated. cleaning up, re-org, my html tutorial.

updates.

added rainbow strip.

massive redesign. lots new index pages. now the nav panel is clean and logical.

updated

major rewrite.

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) {}

updates

update and correction

js tagged template string 2026-07-20 T54R2 ll
js tagged template string 2026-07-20 T54R2 ll

js bundler builder

js bundler builder 2026-07-23 17270 ll
js bundler builder 2026-07-23 17270 ll 
/*
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");

updates.

after 10 years, finally wrote this tutorial String.raw.

updated

major update.

minor edit

minor updates

repost

css flexbox and grid layout are an revolution in computer language.

grid in particular, is the first computer language that can specify layout in a declarative, automated, dynamic change, way. even sans even a single length.