Xah's Web Dev Blog

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

Want to master JavaScript in a week? Buy Xah JavaScript Tutorial.

Unicode Characters as you type, implemented with JavaScript. ☢ ☯ ☭ ∑ ∞ ♀ ♂ ♥

am going to stop blogging for the next 4 days. Start again on next Monday,

HTML: Allowed Characters in id Attribute Values (minor update)

HTML Tutorial: Definition List: dl, dt, dd (minor update)

JavaScript: Douglas Crockford the Better Parts: the Bads Parts Reconsidered

What's wrong with Angular.js By Daniel Steigerwald. @ https://medium.com/este-js-framework/whats-wrong-with-angular-js-97b0a787f903

JavaScript Array Speed vs C Array

spambots talking to themselfs

twitter spambots chat 2014-10-16
looks like spam bots mentioning my name are talking to themselfs now, on twitter.

Web Spam, Scam, Blackhat SEO Collection

JavaScript: Object Constructor Property

New Trend: favspam on Twitter

Google Chrome to Replace Gtk+ with Its Own Aura

old news from

announcement by Elliot Glaysher at https://groups.google.com/a/chromium.org/forum/#!topic/chromium-dev/Zpu9801pPRc. Quote:

We aim to launch the Aura graphics stack on Linux in M35. Aura is a cross-platform graphics system, and the Aura frontend will replace the current GTK+ frontend.

discussion on reddit http://www.reddit.com/r/linux/comments/207zr3/google_to_replace_gtk_with_its_own_aura_in_chrome/

Google Chrome to Kill Plugin

netscape back in 1990s created a plugin API architecture, called NPAPI. That's what allows you to have (Macromedia) Flash, Apple's QuickTime (for video), display MathML, use Java applets, and hundreds of others. Now, Google is killing it, and pulling it out of Google Chrome.

This means, no more Java Applets. By the way, the Flash bundled with Google Chrome isn't using NPAPI.

Google cites security reasons for killing NPAPI.

Saying Goodbye to Our Old Friend NPAPI By Google. @ http://blog.chromium.org/2013/09/saying-goodbye-to-our-old-friend-npapi.html

some discussion on chromium-dev here: https://groups.google.com/a/chromium.org/forum/#!topic/chromium-dev/xEbgvWE7wMk

A new version of my JavaScript Tutorial is out. Much update in past month. Buy at By Xah's JavaScript Tutorial. Thanks.

If you already bought before, i'll email you update this weekend.

JavaScript: How to Create Object with Specified Parent? (on its own page)

JavaScript: How to Find Object's Prototype? (on its own page)

What do Microsoft, Apple, Mozilla, say about Dart?

Do Not Use Dart or CoffeeScript

Do not use Dart or CoffeeScript. Just use plain JavaScript. If you must use something fancy, use TypeScript.

Dart is basically JavaScript with Java syntax & semantics. Java is bad. Goole do it because Google can't divorce Java.

CoffeeScript is no good because it's a layer of complexity, with ad-hoc syntax, and benefit isn't big enough. It will never be standard.

TypeScript is acceptable, because it's JavaScript compatible, with benefit of type system (math foundation❕),not hacker whims of idioms & styles & patterns & OOP crud.

Major rewrite of JavaScript basics section. They are separated into their own pages.

How to Write a JQuery Extension/Plugin? (on its own page)

JavaScript: How to Remove HTML Element?

how to get max value of a array? JavaScript: Array How To

JavaScript: Browser's Window Object, What's Browser Object Model (BOM), Document Object Model (DOM) (updated)

in Google Chrome, goto 〔chrome://chrome-urls/〕

browser extension development explained: Google vs Firefox

for Google Chrome, you go to their tutorial, in 20 min, you know how to write one, how to pack it, and have a good overview of the API. Pure JavaScript HTML CSS.

for Firefox, there are meta-guide old and new on mozilla blogs, then there are 3 frameworks, one requires to download a SDK that runs python that it asks you to run its random bin/activate fk bash script with instruction about how to untar a tarball, and one is “bootstrap” fk, and another is XUL fk, each fk has their own introduction page, with one thousand links & jargons & guides & warnings & preface & idioms guides. In 1 hour, u still dunno a thing about it.

randomize a html list

took me 3 hours to write a trivial 15 lines JavaScript code to randomize a list. See result here. Vocabulary: Words in Olympia Reader (view source to see the code)

i blame the besotted nature of the DOOM. NodeList, HTMLCollection, live vs not live, readable vs not readable, whitespace nodes, … truely hell.

but no, i did not subjugate myself to the lure of jQuery.

implemented Fisher-Yates shuffle. JavaScript: Random Range, Randomize Array

Google Chrome bug. html5 audio doesn't play midi https://code.google.com/p/chromium/issues/detail?id=418420

JavaScript: What's the Difference Between Function Declaration and Function Expression (major rewrite)

JavaScript Function Constructor (minor update)

twitter spam farm tweeting xah lee 2014-09-28
an army of twitter spam farm is tweeting my name, for reasons i do not know.

JavaScript Operators (major update. ECMAScript reference links added)

JavaScript: Bitwise Operators (on its own page)

Web Design (new index page)

Web Spam & Scam Collection (new index page)

How to Start Google Chrome in a New Instance?

JavaScript: What's Array-Like Object? (updated)

JavaScript: What's the Purpose of Boolean() Constructor/Object?

JavaScript Data Types (on its own page)

JavaScript: What's True or False? (on its own page)

JavaScript: Browser Info, Navigator Object

JavaScript: How to Detect Adobe Flash, QuickTime?

Douglas Crockford (JavaScript the Good Parts) said, the only good js book is David Flanagan's Definitive Guide. JavaScript & Ruby Books by David Flanagan, and the Man-made Complexity in Computer Language

Google Pushes Invalid HTML to the World still so.

Firefox now supports MP3 in HTML5 audio. Now, the MP3 & AAC are the formats supported in all major browsers. Test here: HTML5 Audio Tag Tutorial

massive number of Java applets were killed in the past few years due to global warming created by Apple.

HTML 5: no need for “type="text/css"” attribute in “style” element

when using the “style” tag in HTML page, you can omit the type="text/css" part. Just write <style>…</style>.

#twitter won't display a page unless you have cookies on #howthingsare

Just discovered. if you disable Flash, Facebook's video will cease to work. Good. How to Disable JavaScript, Flash, Java in Google Chrome, Firefox, Internet Explorer, Opera

disable Flash in Google Chrome. How to Disable JavaScript, Flash, Java in Google Chrome, Firefox, Internet Explorer, Opera

remember, today there are super cookies and undying cookis. Even if you have cookies turned off, there are a million ways to track you. The next step is to disable JavaScript. But also, Adobe Flash has similar power to JavaScript. You want to disable that.

also note, incognito mode only doesn'the log your browse history on your local machine, that's all. It doesn't prevent your internet service provider or company from knowing which sites you visit.

if you want true anonymous browsing, use tor browser. Download at https://www.torproject.org/projects/torbrowser.html.en

JavaScript x.y.z Associativity. Right or Left?

online movie sales trend 2013
online movie sales trend 2013. 〔image source http://online.wsj.com/news/articles/SB10001424052702304887104579306440621142958

Xah's Web Dev Blog Archive 2014-07

a long long time ago, when you visit some sites, it'll do popup windows. When you close it, it'll popup 2 more… JavaScript: Open URL 「window.open(…)」

The Unfortunate Fate of Music MIDI File (on its own page)

ancient technology: HTML: Auto Refresh, Auto Redirect

Google #Chrome today has the worst Unicode support. Math Font, Unicode, Gothic Letters, Double Struck, ℤ ℚ ℝ ℂ ℍ ℜ ℑ ⅇ ⅈ#comment-1573915239

JavaScript+DOM: What Does Live Object Mean?

HTML Table vs CSS layout myth

two golden articles:

The Tableless Table By Armin Wagnere. @ http://www.arminbwagner.com/text/the_tableless_table/

In defence of layout tables By Barry Pearson. @ http://www.barrypearson.co.uk/articles/layout_tables/defence.htm

CSS Layout & Layers (minor update)