OpenWebPlatform

Learning

• What is the Internet, How does the Internet work
  • HTTP - see Server Side > Network
• Evolution of the Web
  • Timeline of web browsers
  • Dive Into HTML5 - A Quite Biased History of HTML5
  • 20 Things I Learned About Browsers and the Web
• MDN's Learn Web Development

Reference

• MDN Web Docs
  • HTML, SVG, CSS, DOM, DOM Events, Web APIs
  • MDN content Roadmap
• Google Developers
  • Web Fundamentals, Update, HTML5Rocks Archived Tutorials
• Apple
  • WebKit JS
• CSSDB
• CSS-Tricks's CSS Almanac, Codrops' CSS Reference
• Mastering CSS Principles: A Comprehensive Guide
• HTML: The Living Standard (Web Developer Edition)
  • The Web platform: Browser technologies
• W3Fools
  • W3Schools Responds to W3Fools
  • Why shouldn't I use W3Schools?, Why do people hate W3schools?, Does W3Schools really suck?
• Visual Tools
  • see Tooling > Useful Apps > Visual Tools
• Performance
  • Rendering
    • How Browsers Work: Behind the scenes of modern web browsers, \ How Browsers Lay Out Web Pages
    • Rendering Performance
    • GPU Animation: Doing It Right / An Introduction to Hardware Acceleration with CSS Animations
    • CSS will-change
      • Everything You Need to Know About the CSS will-change Property
    • CSS Containment in Chrome 52
  • Loading
    • How DNS works
    • Network resilience
    • Evolution of Script Loading, Browser script loading roundup
    • JavaScript Start-up Performance
    • Critical Rendering Path, CSS and the critical path
  • Offline
    • see HTML5 / Web APIs > Offline
  • Measure
    • Performance budgets 101
    • Measure Performance with the RAIL Model
    • Measuring Page Load Speed with Navigation Timing
    • Measuring network performance with Resource Timing API
    • User Timing API
    • Why Web Developers Need to Care about Interactivity
      • requestIdleCallback
      • PerformanceObserver
  • Optimization
    • Fast load times
    • Why Performance Matters
    • Performance audits
    • Lighthouse Audit References
• Security
  • Safe and secure
  • The Tangled Web: A Guide to Securing Modern Web Applications
  • HTML5 Security Cheatsheet

Semantics

• SEO
  • Let’s Talk about Semantics
  • Easily discoverable
  • SEO audits
  • SEO Tutorial For Beginners, \ Google's Search Engine Optimization Starter Guide
• Accessibility
  • Accessible to all
  • The A11Y Project, Using ARIA