Philip Walton

flexbugs. A community-curated list of flexbox issues and cross-browser workarounds for them.

solved-by-flexbox. A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.

html-inspector. HTML Inspector is a code quality tool to help you and your team write better markup. It's written in JavaScript and runs in the browser, so testing your HTML has never been easier.

analyticsjs-boilerplate. Examples and best practices for using analytics.js

responsive-components. A modern approach to styling elements based on the size of their container

webpack-esnext-boilerplate. JavaScript

polyfill. A library to make creating CSS polyfills much easier.

rollup-native-modules-boilerplate. A demo app showcasing the use of real JavaScript modules in production—complete with cross-browser fallbacks for legacy browsers.

blog. The source code for https://philipwalton.com

private-parts. A simple and intuitive way to shim private methods and properties in JavaScript.

mozart. A full-featured, classical inheritance library for Node.js and the browser.

easy-sauce. Easily run JavaScript unit tests on the Sauce Labs cloud.

talks. HTML

dom-utils. A small, modular DOM utility library

import-maps-caching-demos. Demos showing how to use Import Maps to prevent cascading cache invalidations

selectable. Easily get and set the text selection with an HTML element.

dev. HTML

deeplinker. JavaScript

usage-trends. JavaScript

handbrake. JavaScript

IntersectionObserver. API Sketch for Intersection Observers

html5-boilerplate. Professional front-end template. So much goodness baked in by default

slide-deck. HTML

ga-dev-tools. A showcase of demos and tools built with the various Google Analytics APIs and Libraries.

wappalyzer. Identify technology on websites.

solarized-dark-minimalist-syntax. CSS

navigation-event-proposal.

eslint-config-google. ESLint shareable config for the Google JavaScript style guide

photo-validator. JavaScript

yore. Async and error handling sugar on top of the HTML5 History api.

webpack. A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through "loaders," modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

sw-helpers. Service Worker helper libraries

github-stars. JavaScript

rollup-3245-repro. JavaScript

estimator.dev. 🧮 Calculate the size and performance impact of switching to modern JavaScript syntax.

web-starter-kit. Google Web Starter Kit (Beta)

google-analytics. Google Analytics web components

demos. HTML