HTML5, browsers, and books, twenty years later

In celebration of the 20th anniversary of Tim Berners-Lee's proposal for the World Wide Web, the Chrome team created an online guide titled "20 Things I Learned about Browsers and the Web" to educate users on the evolution of web browsers and programming languages. This guide, illustrated by Christoph Niemann and built using HTML5, JavaScript, and CSS3 with the help of Fi, offers an engaging reading experience that merges the nostalgic feel of books with modern web capabilities. Key features include offline access via the Application Cache API, progress tracking with the Local Storage API, and a clean URL structure using the History API. The guide employs the HTML5 canvas element for dynamic transitions and animations, while CSS3 enhances its visual appeal through web fonts, animations, gradients, and shadows. Designed to be best experienced in Chrome or any modern HTML5-compliant browser, the guide is available at www.20thingsilearned.com.