Harry Roberts looks at some traditional software engineering paradigms and how we can steal, bend, borrow, and reimplement them when writing our CSS.
A simple ‘bouncing ball’ demo written using vanilla JS, jQuery, Greensock, the Web Animations API, P5.js, and Velocity so you can compare their different APIs.
Microsoft and An Event Apart have teamed up for a contest where your challenge is to create a compelling Web experience in just 10KB. You have until September 30th.
Instantly pinpoint performance issues. See how your app spends its time, and who wrote the slow code.
A well-produced, illustration slidedeck packed with thoughts on designing Web experiences for “weird browsers”, such as those found on game consoles, fridges, smartwatches, and TVs.
The WebVR API is a set of DOM interfaces that enable WebGL rendering into Virtual Reality headsets and access to the various sensors for orientation, positioning, and input controls.
Mozilla VR Blog
A lot of useful links from Addy, plus some advice: “For URL addressable resources, use the Cache API. For all other data, use IndexedDB.”
Five hands-on, bite-size videos that demonstrate various aspects of Web accessibility, including accessible forms, buttons, and semantic structure.
Can't find the right job? Want companies to apply to you? Try Hired.com.
The Average Web Page (Data from Analyzing 8 Million Websites) news
Catalin Rosu digs through a ton of data about the HTML content of web sites.
What's New in Web Audio? news
An updated look at the still-in-development Web Audio API and how it’s currently implemented in Firefox.
A Refined Content Security Policy news
The latest WebKit builds and Safari Technology Preview now support all of the features of the Content Security Policy Level 2 standard.
API Deprecations and Removals in Chrome 53 news
A round-up of the deprecations and removals in version 53 of Chrome.
Smooth as Butter: Achieving 60 FPS Animations with CSS3 tutorial
Tips for getting the most out of your Web animations performance-wise.
Zooming CSS Background Images tutorial
Building a responsive HTML5 app? Learn the must-know techniques with this whitepaper rawurl tutorial
If you're a HTML5/JS dev, responsive web design is or will be a requirement in the near future. This whitepaper will give you the must-know on responsive web.
S(GH)PA: The Single-Page App Hack For GitHub Pages tutorial
Refactoring CSS Without Losing Your Mind slidedeck
How to decide what CSS to refactor and when, and how to avoid regressions when adding new CSS.
A 30 Minute Introduction to Service Workers video
Go Offline with Service Workers video
When to Use the Web Animations API opinion
Some thoughts on when using JS (Web Animations API) might make more sense than CSS.
Thoughts about a WebGL-Next opinion
What a WebGL2 successor could look like and why it can’t be ‘WebVulkan’.
How to Prepare for A Front-End Developer Interview? opinion
A lot of responses and opinions.
Komodo IDE: The Best IDE for Web and Mobile Developers tools
Web & mobile devs get all their favorite frameworks, languages, and tools in one cross-platform, polyglot IDE.
Really Simple Responsive HTML Email Template code
Waud: A Web Audio API Library with HTML5 Audio Fallback code
Adi Reddy Mora
Phonograph.js: Tolerable Mobile Web Audio code
Baffle: A Tiny Library for Obfuscating and Revealing Text in DOM Elements code
DropZone.jsx: HTML5 Drag and Drop React Component code
GPU Deep Learning Demo: Recognizing Handwritten Numbers with WebGL demo
Adult Swim's Web Experiments on CodePen demo
U.S Cable network Adult Swim has joined CodePen with numerous weird Web experiments.