Learn Web Browsers

The (on any device) are:

1. Chrome (engine: + V8)
2. (engine: Gecko + )
3. Internet Explorer (engine: + Chakra)
4. (engine: Webkit + )

Evolution of Browsers & Web Technologies (i.e., APIs)

• [read]
• Timeline of web browsers [read]

The Most Commonly Used Headless Browser Are:

• PhantomJS (engine: + SquirrelFish)
• SlimerJS (engine: + SpiderMonkey)

How Browsers Work

• 20 Things I Learned About Browsers and the Web [read]
• [read]
• How Browsers Work: Behind the scenes of modern web browsers [read]
• [watch]
• What forces layout / reflow [read]
• [read]

Image source: http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/

Optimizing for Browsers:

• Browser Rendering Optimization [watch]
• [watch]

Comparing Browsers

• [read]

Browser Hacks

Developing for Browsers

Evergreen Browsers

The latest versions of most modern browsers are considered evergreen browsers. That is, in theory they are suppose to automatically update themselves silently without prompting the user. This move towards self updating browsers has been in reaction to the slow process of eliminating older browsers that do not auto-update.

Picking a Browser [^1]

As of today, most front-end developers use Chrome and “Chrome Dev Tools” to develop front-end code. However, the most used modern browsers all offer a flavor of developer tools. Picking one to use for development is a subjective choice. The more important issue is knowing which browsers, on which devices, you have to support and then testing appropriately.

ADVICE: