Xah Web Dev Blog Archive 2020-01
CSS Selector Syntax
major update.
JS: for-of Loop
minor update
The proper way to code JavaScript today is deno + TypeScript. No npm and other shit.
updated, and or new code
updated
JS: Browser Info
minor update
todo
minor update.
Web Design: Skeleton Screen
updated
Common Web Fonts added a section on metrically compatible fonts
JavaScript new regex features JS2018, JS2021
Major rewrite on all things JavaScript regex. Some are new pages. Some are features in JS2018, JS2021.
- JS: New Features 2016 to 2021
- JS: RegExp Tutorial
- JS: Regex Functions
- JS: RegExp Syntax
- JS: RegExp Flag
- JS: RegExp Object
- JS: RegExp.prototype
- JS: String.prototype.split
- JS: String.prototype.search
- JS: String.prototype.match
- JS: String.prototype.matchAll
- JS: String.prototype.replace
- JS: String.prototype.replaceAll
- JS: RegExp.prototype.test
- JS: RegExp.prototype.exec
also updated:
CSS: Outline
minor update
CSS. now ban ex unit on my site. I recommend, the ONLY unit to use in CSS is px rem ch vw vh vmin vmax.
CSS: Length Units updated.
JS2018. Spread operator on object. Destructuring with rest operator on object.
major updates.
JS: Object.assign
updated.
Donald Knuth, Steve Jobs, and the Idiocy of Typography
added a Xah Talk Show video.
How to Run JavaScript updated. add deno
major updates:
new logo.
major rework on JavaScript in Depth
now most definitions uses a new definition list format.
currently working on new features in ES2020, and complete some ES2019 and before features.
Xah Talk Show 2020-09-06 on JavaScript, Node.js, Deno, NPM, Tech Writing, Doc Tech, HTML/CSS
Xah Talk Show 2020-08-11, JavaScript Live Code Rot13 Cipher App
HTML History Timeline
old. repost
updated.
map of maps of maps in JavaScript
added a nested map example at JS: Map Object Tutorial
- review What is a Letter in CSS's first-letter Pseudo-element?
- check for horizontal scrollbar in phone CSS: Data URI Scheme
- review CSS: font-size
- CSS: Data URI Scheme
updated
W3C HTML Validator Invalid
repost
repost
CSS Selector Syntax
repost
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
CSS Text Alignment, Justification
minor update
- added a panel to the Global Object
and minor updates to
minor updates
See also: null
minor updates. interactive css code generators.
major update to the JavaScript Object Reference section. Mostly formatting issues.
change
Object.getPrototypeOf
to
Reflect.getPrototypeOf
- JS: Show Prototype Chain 🚀
- JS: Prototype and Inheritance
- JS: Array.prototype
- JS: Object.prototype.isPrototypeOf
- JS: Object.prototype.__proto__
- JS: Object.create
- JS: Property Key "prototype"
- JS: Property Key "constructor"
- JS: Generator Function
- JS: Class
- JS: Arrow Function
See also:
random articles, reviewed
Array.prototype.reduce
updated.
Empty array is error, unless there's 2nd arg
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.
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.
all updated.
updated
Source Code Encoding
updated.
Array.prototype.flat
minor update
updated.
- JS: Object Constructor
- JS: Reflect.deleteProperty
- JS: Check Property Existence
- JS: Create Property
- JS: Property Attributes
- JS: Getter Setter Properties
- JS: Arrow Function
- JS: Add/Remove Event Handler
- DOM: Node vs Element, NodeList vs HTMLCollection
- JS: Array
- JS: Create Array
- JS: Sparse Array
- JS: Array-Like Object
- JS: Array How-To
- JS: Range Function for Array 🚀
- JS: Array Constructor
- JS: Array.prototype.fill
- JS: Array.prototype.length
- JS: Array.prototype.splice
- How to Run JavaScript
- JS: How to Use Browser Console
- JS: Use Object.create to Emulate Constructor
- JS: “delete” Operator
- JS: NaN
- JS: isNaN
- JS: Number.isNaN
JavaScript NaN === NaN?
JavaScript try this in your browser console
NaN === NaN
did you guess right?
updated:
HTML Video Tag
minor update
the idiocy of programer nerds and typographers
Firefox button size changes background color
idiotic Firefox. if you change button size, it changes the background color.
here's how it looks now in your browser (view source to see the code):
new.
HTML: Definition List: dl dt dd
minor update.
CSS: Insert Content ::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.
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.