Xah Web Dev Blog 2021-01

repost

• Meaning of Font Size
• The Moronicities of Typography: Hyphen, Dash, Quotation Marks, Apostrophe
• The TeX Pestilence: Why TeX/LaTeX Sucks
• Meaning of Font Size

• JavaScript Factorial

CSS Selector Syntax
repost

WebGL Demo: Brisk Hindsight

JS: Reflect.set
added example using this binding.

JS: Getter/Setter Properties
added a section on this binding.

JS: Reflect.construct
major rewrite.

Buy Followers Scam
repost

Access Property
minor format update

• Evolution of the Script Tag

CSS Text Alignment, Justification
minor update

• added a panel to the Global Object

and minor updates to

• Number.parseInt
• Number.parseFloat

minor updates

• undefined
• Infinity
• NaN

See also: null

CSS: Overflow Wrap

minor updates. interactive css code generators.

• CSS: Linear Gradient
• CSS: HSL Color
• CSS: Opacity
• CSS: Box Shadow

major update to the JavaScript Object Reference section. Mostly formatting issues.

Web Domain Farm Spam

change Object.getPrototypeOf to Reflect.getPrototypeOf

• Show Prototype Chain
• Prototype and Inheritance
• Array.prototype
• Object.prototype.isPrototypeOf
• Object.prototype.__proto__
• Object.create
• Property Key "prototype"
• Property Key “constructor”
• Generator Function
• Class
• Arrow Function

• Use Object.create to Emulate Constructor

See also:

• Object.getPrototypeOf
• Reflect.getPrototypeOf

random articles, reviewed

• CSS: Fixed Aspect Ratio
• CSS: 3 Columns Layout
• HTML5 Page Structure Tags Example

Array.prototype.reduce
updated. Empty array is error, unless there's 2nd arg

• RegExp Unicode Property

What's a Browser

HTML Entity List
minor update.

• Keyword “extends”
• Keyword “super”
• Property Key "prototype"
• Function.prototype.call
• Create Object with Parent X
• Object.assign
• Array.prototype.reduce

updated.

• CSS: Box Sizing
• CSS: Tabbed Menu

HTML Frameset Tutorial
added chrome browser screenshot

now, you can buy my JavaScript tutorial using amazon. Buy JavaScript in Depth

spectacular plane curves in JavaScript, by mathematician Hermann Karcher http://virtualmathmuseum.org/Curves/index.html

great pong game in JavaScript
https://jackrugile.com/pongoo/

HTML: Input Number Field
minor update.

• Branch Control: if then else, switch
• Reflect
• JSON
• Math
• Object.prototype
• Prototype and Inheritance
• Property Key "prototype"

all updated.

updated

• escape
• Encode URL, Escape String
• encodeURI
• the Global Object

Source Code Encoding
updated.

Array.prototype.flat
minor update

• Object Constructor
• Reflect.deleteProperty
• Check Property Existence
• Create/Delete Property

minor updates.

• Property Attributes
• Getter/Setter Properties

major updates.

• Arrow Function
• DOM: Add/Remove Event Handler
• DOM: NodeList vs HTMLCollection

minor updates

updated.

• Array Overview
• Create Array
• Sparse Array
• Array-Like Object
• Array How-To
• Range Function for Array
• Array Constructor
• Array.prototype.fill
• Array.prototype.length
• Array.prototype.splice

minor updates

• How to Run JavaScript
• How to Use Browser Console
• Use Object.create to Emulate Constructor
• Delete operator
• NaN
• isNaN
• Number.isNaN

JavaScript NaN === NaN?

JavaScript try this in your browser console NaN === NaN did you guess right?

updated:

• Infinity
• NaN
• undefined

HTML Video Tag
minor update

JavaScript what's the difference between isNaN(num) and Number.isNaN(num)

JavaScript trivia.
what's the difference between
isNaN(num)
and
Number.isNaN(num)

answer at

• Number.isNaN
• NaN

the idiocy of programer nerds and typographers

Font Size problem

Firefox button size changes background color

idiotic Firefox. if you change button size, it changes the background color.

<ul>
<li><button style="font-size:1rem;" type="button">1</button></li>
<li><button style="font-size:1.1rem;" type="button">2</button></li>
<li><button style="font-size:1.2rem;" type="button">3</button></li>
</ul>

new.

• Reverse Object Key/Value
• Reverse Key/Value of Map

the Map Object Tutorial

CSS: Letter Spacing, Word Spacing

HTML: Definition List dl dt dd
minor update.

CSS: “:before”, “:after”
minor update

New Version of JavaScript in Depth

new version is out. I am sending to past buyers.

If you haven't already, buy at
Buy JavaScript in Depth

Master JavaScript today.

random tip today CSS Selector Syntax
when i work on my site, i use my own tutorials and references often so i was just looking at CSS to see how can i format table better for small screen

Intro to Event-Based Programing
minor update

User Interface Design
new nav panel.

brave browser still crashes on macOS catalina. latest version 80.1.4.96

w3c and whatwg finally merged their html spec

w3c and whatwg finally merged their html spec. No more diff specs. Also, many links to w3c html spec now redirect to whatwg. e.g. https://www.w3.org/TR/html/syntax.html#void-elements

major update to my JavaScript tutorial's navigation panel. Have a look
JavaScript in Depth

updated.

• Get URL (window.location)
• Get Cookie, Set Cookie
• HTTP Protocol Tutorial

Google's webp is a virus

Google's webp is a virus. It's now used by amazon when you are in chrome. Firefox now supports webp too. Apple still doesn't. Not in Safari, not in image preview, etc.