Philip Walton

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

A showcase website with working examples demonstrating how CSS Flexbox solves layout problems that were previously difficult or impossible, like sticky footers, equal-height columns, and vertical centering.

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

Flexbugs is a community reference listing 17 confirmed CSS flexbox browser bugs with plain-English explanations, workarounds, and live demos, a go-to resource for anyone who must support older browsers.

The source code for https://philipwalton.com

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.

Examples and best practices for using analytics.js

A modern approach to styling elements based on the size of their container

No description.

A library to make creating CSS polyfills much easier.

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

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

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

Easily run JavaScript unit tests on the Sauce Labs cloud.

No description.

A small, modular DOM utility library

Demos showing how to use Import Maps to prevent cascading cache invalidations

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

A simple router that binds URLs paths and patterns to functions.

A demo of using rollup with built-in modules

A proof-of-concept for building CSS polyfills

No description.

OS X dotfiles, config, bash, git, etc.

Exactly like fs.watch, but with sub-directory support.

No description.

No description.

No description.

No description.

No description.

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

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

API Sketch for Intersection Observers

No description.

Identify technology on websites.

ESLint shareable config for the Google JavaScript style guide

No description.

No description.

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

No description.

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

No description.

No description.

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.

Service Worker helper libraries

Google Analytics web components

Google Charts API web components

Google Web Starter Kit (Beta)

No description.

🦔 Share target browsers between different front-end tools, like Autoprefixer, Stylelint and babel-preset-env

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

📦 Webpack plugin for Babel

Our goal is to operate this CDN in a peer reviewed fashion.

Global identifiers from different JavaScript environments

Test suites for Web-platform specs — including WHATWG, W3C, and others

GitHub pages root

Web Components specifications

New repository for webpack documentation and more!

Unit tested mock implementation of the browser IndexedDB API.

WebComponents.org is where community-members document Web Components best practices

The content behind MDN Web Docs

No description.

Dynamic import() polyfill for browser.

Tool for generating dom related TypeScript and JavaScript library files

Apply CSS transitions when adding or removing Preact components/elements

Example usage of postcss-local-scope

A suite of polyfills supporting the HTML Web Components specs

Leverage the future of the web platform today.