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
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 not a daily
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
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 a screen reader
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 can share. Often
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 starting at the
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
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 adopt Custom Elements,
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
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
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
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
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 laptop today and
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
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 of things as
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
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
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
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
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 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
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
Web Components Shadow DOM: Styles (cont.) In yesterday's post we covered the basics of working with styles in Shadow DOM. But we've only just scratched the surface! Today we'll continue from where we left off and explore how to
