Xah's Web Dev Blog

Tutorial on {HTML, CSS, JavaScript, …} + gossip on {Google, Internet, SEO, Spam, …}.

Buy Xah JavaScript Tutorial.

JavaScript: the Bad Parts

JavaScript object's __proto__ property for getting parent is now officially blessed by ES 6. JavaScript: How to Find Object's Prototype/Parent?

in ECMAScript 6, the confusing terminology “internal property”, is now called “internal slot”.

see ECMAScript 2015 Language Specification – ECMA-262 6th Edition#sec-object-internal-methods-and-internal-slots

syntax coloring of JavaScript compared. Syntax Coloring in Editors

ES6 added several new math functions, among which, is Math.hypot(…) that computes the length of a vector! See updated: JavaScript Math Object & Methods

If you haven't heard, ES6 is officially released.

JavaScript: Semicolon

xah-unicode-search now on github


SVG Path Tutorial (updated)

JavaScript: Get Element's Attribute Value (minor update)

JavaScript: Set Element's Attribute Value (minor update)

JavaScript: Use Browser's JS Console (on its own page)

HTML “ruby” Annotation Example Firefox now supports ruby annotation.

JavaScript: AppendChild Example (appenChild actually moves the child.)

JavaScript: Creating Nodes, Functional Programing Style


CSS: Flowing List (updated)

CSS: Animation Tutorial (minor update)

JavaScript quiz #85753

// js quiz. what does this return.
var f = function () { return 3; }
var g = function () { f = function () { return 7; }; return 4; }

comment at https://plus.google.com/+XahLee/posts/bEUYbj2F7JY

evolution of the web. “permalink”, “tag cloud”

evolution of the web. The term “permalink” is now dead. as well as “tag cloud”. “cloud” itself probably will die in a few years.

Run windows 95 in browser. http://win95.ajf.me/

What's the Difference Between jQuery Selector and DOM querySelectorAll()? (minor update)

Internet Users World Map

HTML5 Video Tutorial (more update)

HTML5 “contenteditable”

In HTML5 any element can be editable.

<div contenteditable="true">yay yay</div>


JavaScript: Most Frequently Used DOM Methods (major update. Added “hasAttribute”, “removeAttribute”, listing attributes, and much more)

JavaScript: Set Element's Attribute Value (minor update)

JavaScript: Get Element's Attribute Value (minor update)

Web Design: Say No to Grey Text on White Background (repost)

“I have a 20″ screen, but my software forces it to 2″ screen.”. User Interface Design: Peepshow Windows (repost)

computer language char distribution 2015-04-18
Computer Languages Characters Frequency (now you can enter your own source code and get punctuation usage statistics)

SVG Coordinates, Viewport, viewBox (minor improvement)

JavaScript books definitive guide vs good parts
JavaScript Definitive Guide amazon vs JavaScript: the Good Parts amazon 〔photo by J L Hamilton, . Used with permission. Source

JavaScript & Ruby Books by David Flanagan, and the Man-made Complexity in Computer Language

HTML5 Tutorial: figure, figcaption (rewrite)

JavaScript Date Object (new. Tutorial + Complete Reference)

New version of JavaScript tutorial is out. Buy. Thanks. JavaScript Tutorial: Understand JavaScript in Depth.

svg clock
SVG Clock

JavaScript Math Object & Methods (new. complete.)

CSS3 HSL (Hue, Saturation, Lightness) Color Samples (major update)

SVG: Coordinate Transformation (updated with combined transformation)

the controversy of html5 「figcaption」 tag

What's good design? HTML5 has figure and figcaption. By spec, the figcaption must be first or last child of figure element.

〔➤ HTML5 Tutorial: figure, figcaption

now, controversy! see https://www.w3.org/Bugs/Public/show_bug.cgi?id=12835

Google Chrome still doesn't support CSS animation, in the year of our load 2015 CSS: Animation Tutorial

SVG Tutorial: Basic Examples (minor update)

CSS: Understanding CSS Units (major update)

CSS: Text Shadow, Glow/Outline Effects (minor update)

CSS: Tag Matching (Selector) Tutorial. updated, for CSS beginner.

CSS: Round Corners: border-radius (major update)

Urban Legend Debunker Site Snopes Runs Spam Services to Spread Urban Legends?

Cleaned up index page: Xah Web Dev Tutorials

HTML5 Canvas vs SVG (repost)

JavaScript: Array vs NodeList vs HTMLCollection (minor update)

JavaScript: What's the difference between textContent, innerHTML, innerText, nodeValue? (added examples. On its own page.)

JavaScript: Checking, Getting, Setting, Cookies (minor update)

JavaScript: Web Storage Tutorial: localStorage, sessionStorage (minor update)

JavaScript: Add & Remove Event Handler (minor update)

JavaScript+DOM: What Does Live Object Mean? (minor update)

JavaScript: List/Add/Remove Element's Class Attribute (new)

JavaScript: Navigate DOM Tree (major rewrite)

JavaScript: How to Create Tooltip (better JavaScript code)

JavaScript: Format Number

Now, JavaScript tutorial and DOM scripting tutorial have separate index pages.

JavaScript: How to Change Element's Content (updated)

JavaScript: Stopwatch (complete rewrite)

JavaScript: What Are Allowed Characters in Identifiers (Variable & Function Names)? Unicode? (minor update)

JavaScript: How to Remove HTML Element? (added a functional programing technique to eliminate variables.)

JavaScript: Create & Insert HTML Element (minor update)

JavaScript: How to Change CSS (minor update)

JavaScript: Fade a Element (minor update)

JavaScript Tutorial: Clock (minor update)

JavaScript: Pop-up New Window (minor update)

JavaScript: Image Rollover (minor update)

JavaScript: Class Attribute: Determine the Kind of Object (updated)

this showcase all the complexities of JavaScript. JavaScript: How to Convert Array-Like Object to Array? (updated)

JavaScript what's the max array index? 2^32-1 ? wrong❕ JavaScript: Understanding JavaScript Array

JavaScript: The non-standard __proto__ property seems to be in ES6, and is here to stay. Updated: JavaScript: How to Find Object's Prototype/Parent?

Understanding JavaScript Object System (updated)

JavaScript Tutorial: Object Basics (major update)

JavaScript Tutorial by Example (minor update)

JavaScript Tutorial: Array Basics (minor update)

JavaScript Example: map, forEach (minor update)

How to Run JavaScript (new. on its own page)

Douglas Crockford on JavaScript using this 2015-02-05
Douglas Crockford on using JavaScript this.

webm video format is getting popular. HTML5 Video Tutorial (updated)

What Language Does Google Facebook Twitter Paypal Wikipedia … Use? (minor update)

Google Chrome Browser Special URL

Firefox still doesn't support ruby annotation. HTML “ruby” Annotation Example

How to Delete Flash Cookies (minor update)

The Words Synchronous & Asynchronous Should be Ban'd