Well, I think there is no proper WebKit tutorial available as WebKit gets updated almost every day and it is very hard to maintain any such tutorial. What we have is the tech talks, blog posts, etc written by WebKit experts. I have just categorized these posts/tech talks to make it easy reference material. webkit.org also has a technical articles section where you can find useful WebKit articles including some of the posts I mentioned below:
For those who don’t know how browsers work, refer browser internals:
* How Browsers Work: behind the scenes of modern web browsers
New WebKit developers, start here:
* How WebKit Loads a Web Page – Explains how WebCore, the main rendering component of WebKit, is involved in the loading process.
* Rendering in Webkit(Video) – An excellent tech talk by Eric Seidel explaining how WebKit actually renders a page.
* WebKit Wiki!
Very useful series of posts by Dave Hyatt:
WebCore Rendering I – The Basics
WebCore Rendering II – Blocks and Inlines
WebCore Rendering III – Layout Basics
WebCore Rendering IV – Absolute/Fixed and Relative Positioning
WebCore Rendering V – Floats
Render Layers and The Rendering paths – “WebKit Rendering Basics” section explains it very well.
The HTML5 Parsing Algorithm
WebKit Page Cache I – The Basics
WebKit Page Cache II – The unload Event
MathML in WebKit
WebGL in WebKit
HTML5 Media Support
Client-side database storage
HTML5 async and defer script attributes.
Ruby Rendering in WebKit
WebKit Coding Style Guidelines
RefPtr and PassRefPtr Basics – Pair of class templates, RefPtr and PassRefPtr that implement this scheme for WebCore’s intrusive reference counting.
Hashtables, Part 1 , Hashtables, Part 2 – Explains Hash tables, one of the most important basic data structures in a web browser.
I hope you find it useful.