Accessibility Command palettes for the web Can focus management lead to a better experience for all of our users?
Shadow DOM Which elements support shadow DOM? A quick look at which elements do—and don't—support shadow DOM.
Going full-time on accessibility This is a post that I should have written ages ago but better late than never :) If you follow me on twitter you may have noticed that a few years back I started talking more about accessibility and less about web components and Polymer.
Why you can't test a screen reader (yet)! When I first started to learn about accessibility I wanted to write automated tests to ensure that assistive technology devices, like screen readers, were interpreting my pages correctly. Because I'm
Hello, 2018! Goodbye, 2017 Politics The year opened with a lot of protests and rallies. We rallied at the SF city hall, the Women's March in Oakland, at San Francisco Airport, and even at the Google Campus. It was intense. When the riot police showed up
The future of accessibility for custom elements When users of assistive technology, like a screen reader, navigate a web page, it’s vitally important that the semantic meaning of the various controls is communicated. For example, if
How to use Polymer with Webpack Introduction Over the last year I've had a number of discussions with mid to large sized companies who are interested in creating common UI libraries that all of their teams
Don't use jQuery plugins with Shadow DOM This is a post I should have written a loooong time ago... tl;dr: jQuery plugins don't work inside of Shadow DOM because typically they try to query for something
Regarding the broken promise of Web Components After reading an article titled The broken promise of Web Components and typing out the world's longest comment response I figured it'd be better if I try to distill my thoughts into a blog post. I'll address each of the points raised by the
Custom Elements That Work Anywhere Safari Tech Preview 17 now has Custom Elements “enabled everywhere”, meaning it won’t be long before they’re shipping in a stable version. Since more browsers are starting to
Building better accessibility primitives As the sites we build increasingly become more app-like it's important that the platform keep up and give component authors the tools they need to build rich accessible experiences. Recently I've run into two situations where it was extremely difficult for me to add
Yeoman Polymer and Gulp Finally managed to get v0.7 of the Polymer Yeoman generator out. This release includes Gulp support, BrowserSync, and a sweet little Material Design scaffold to get people started. This release took a while to put together but I'm really happy to finally have
Polycasts #09: Switching up content with core-pages One very handy element in the Polymer ecosystem is the core-pages tag. It's a very simple element (it just toggles sections of content on and off for you) but it's really useful for putting together single page apps. IMO, core-pages is best used on
Polycasts #08: Auto-binding templates in Polymer Thinking in components is a great way to organize your application into well defined chunks. But there often comes a point where you've got a bunch of components that you've created and now you're stuck trying to wire them together at the highest level.
Android Setting up Android Studio on Yosemite I've set out to learn some of the Android framework this quarter, which means setting up Java and the lastest version of Android Studio. As it happens, I formatted my
Web Components YOLOmer! 'Allo! In this video I show you how to setup your first Polymer project using the new Yeoman generator, how to create an element with a subgenerator, and how to run some Mocha tests. Let Yeoman do the heavy lifting, and make app building
CSS Shadow DOM CSS Cheat Sheet Author's Note: This post was originally written in April 2014 and since then a lot has changed with Shadow DOM CSS. I've updated the post to reflect the current state
Web Components Setting up Bower and Polymer So, you're ready to dive into Polymer but you're not so sure about this whole Bower thing. Have no fear! In this short screencast I'll walk you through installing Bower, creating a project with the bower init command, and building your first Polymer element.
Web Components @font-face doesn't work in Shadow DOM I was building custom elements with Polymer the other day, and I thought it would be cool to include Font Awesome for some sweet icon goodness. Everything was going great, until I switched over to Canary to check my work. uh oh... At first,
Web Components Repeating Templates in Polymer I ran into a little issue this afternoon working with templates in Polymer and I wanted to quickly jot down my thoughts in case others bump up against this. Bindings Bindings allow you to easily pipe some data into your markup from a JavaScript
Web Components Web Components Revolution The slides from my talk and workshop titled Web Components Revolution are now live! Please be sure to view them using Chrome Canary and follow the instructions to enable any flags that you might need in order to properly experience native Web Components. The
Web Components Creating a Markdown Tag with Polymer Ah Markdown... Such an amazing tool. I honestly would not be writing this blog post if Markdown did not exist. I tried many times to get in to blogging but I always found the writing experience, whether it be in a GUI or WordPress'
The Art of Fear Blogging Years ago I heard a radio story about a woman hopelessly addicted to cigarettes. Although she tried numerous times to quit, the temptation always won out. So she devised a plan. She told her best friend that if she ever caught her smoking again,
Web Components Shadow DOM: JavaScript We're getting to a point where we've covered most of what there is to know about templates, imports and shadow DOM (1, 2, 3, 4). The end goal for all of these technologies is custom elements, but we're not quite there yet. I want
