Xah JS Blog
- much additions.
- the History of JavaScript, by Brendan Eich. 2008
update and correction
js bundler builder
ai cites xah lee info
now and then ai cites my work.
- start to accept ai output, as is.
- JS: eval
/* 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");
- π JS: WeakMap
- π JS: WeakSet
- π JS: Map.prototype.getOrInsert
- π JS: Map.prototype.getOrInsertComputed
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.
2ality is offline due to ai
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.
- JS: Math (namespace)
- π JS: Math. max, min
- π JS: Math. sign, abs
- π JS: Math ceiling, floor, round, truncate
- π JS: Math. random
- π JS: Power and Roots
- π JS: Math exponential and logarithm
- π JS: Math constants. pi, e, sqrt, etc.
- π JS: Math trig functions. sin, cos, tan, asin, acos, atan
- π JS: Math hyperbolic functions. sinh, cosh, tanh, etc.
- added xxx-large
- CSS: font-size
misc minor updates
- added negative letter spacing
- CSS: letter spacing
update
preliminary version
- added a oklch example
- CSS: Linear Gradient
recent Xah Talk Show on css.
- π CSS: Gradient. Index
- π CSS: Repeating Radial Gradient
- π CSS: draw parallel lines, grid, diamond grid
- now random on load
- CSS: Radial Gradient
updates.
- π CSS: pie chart
updates
- added multiple gradients effect
- CSS: Repeating Linear Gradient
- added pi and other math constants
- CSS: calc
- added name
transparent - CSS: Color Names
- explained about flex, anonymous item
- CSS: Centering
updated
old article. interesting, found an article i wrote about this issue, back in 2011.
updates
Major discovery. HTML tag and attribute names are not case sensitive, but only for English letters.
major updates and new pages
updated.
minor updates
minor update
major updates.
lots updates
minor updates.
added ::marker
massive updates.
- π CSS: Misc. Index
- π CSS: nesting syntax
advanced CSS and syntax issue in computer languages.
the relation of CSS Selector List, and the so-called pseudo selectors :is(), is a syntactic one, and critical one.
because :is() is a single syntactic unit, thus allows it to be grouped as part of other expression. but the selector list (of the comma operator), cannot.
splitted out as new page.
updated.
new pages
- π CSS: :has descendant selector
- π CSS: βis any ofβ selector (:is, :where)
- π CSS: types of selectors
- π CSS: pseudo-class function selector
updates:
I watched the birth of CSS, becoming accepted around 2001. Now, after flexbox was added some 5 or 10 years ago, finally i wrote a tutorial on it.
- π CSS: Flexbox Layout
updates