Publications
Books, Articles & Talks
Books
-
Architecting CSS: The Programmer’s Guide to Effective Style Sheets
2020
Separate the concerns of layout and style to simplify dynamic theming and white labeling, making you a marketing hero. Once you've finished this book you will have an advanced knowledge of CSS structures and architectural patterns that will take the pain out of style sheets for you (and your coworkers), and help you implement designs faster and easier than ever before.
Get Architecting CSS -
Approachable Accessibility: Planning for Success
2019
For those looking to start an accessibility practice at their company – or simply to ensure that nothing slips through the cracks – the book includes a guide to creating your very own accessibility action plan. Having a well-documented plan of action is an essential step in the long-term success of any initiative. Get started with web accessibility using Approachable Accessibility today.
Get Approachable Accessibility -
Programming Languages ABC++
2015
Programming Languages ABC++ is an alphabet book all about coding that’s fun for both toddlers and their grown up counterparts. It’s not about teaching a baby to make a program, that’s silly. It’s about creating a way for software developers to connect with the kids in their life. Share a little about what they do, in a context that the kids will actually enjoy.
Get Programming Languages ABC++
Check out the step by step process of creating the book -
Woodlands: The Coloring Book
2013
Beautiful and fun coloring book full of whimsical images of woodland animals. Follow a mice and hedgehog through their adventures with Eugene the dragon.
Get Woodlands: The Coloring Book
Articles
-
Styling Web Components
2018
Pluralsight
The Document Object Model (DOM) is an object-oriented representation of the structure, styles, and content of our HTML. It exposes the document as nodes and objects, in a tree-like structure, that programming languages such as JavaScript can manipulate. The Shadow DOM allows for hidden DOM trees to be added to the document DOM tree. These hidden DOM trees are isolated from the parent DOM tree, confining the scope of the CSS to the web component, allowing repeated classes and IDs found in the parent without interaction. This is how styling encapsulation and web component creation are achieved.
Read Styling Web Components -
CSS Encapsulation in Angular
2018
Pluralsight
CSS Encapsulation allows for scoping one’s styles to a specific component or reusable piece of code. When using component-based architecture, the developer can control how styles are applied to sections of the application. Styles can be applied to a specific component without side effects to other elements. While browsers are starting to natively support the ability to create components and scope their styles via Custom Elements created using the Shadow DOM, support is still limited.
Read CSS Encapsulation in Angular -
Implement OAuth in 15 minutes with Firebase
2018
O'Reilly
This article provides a 15 minute, step-by-step guide to adding OAuth support to a CLI-generated Angular application using Firebase. We will implement OAuth with a Google account, but other platforms supported by Firebase include: Facebook, Twitter, and GitHub.
Read Implement OAuth in 15 minutes with Firebase
Talks
-
Moving Beyond Pretty
2021
Together we will delve into the psychology, physiology, and mathematics of design principles to create more usable designs.
Read Everyday Accessibility -
Everyday Accessibility
2021
In this talk we will delve into the ways in which, especially when working remotely, we communicate and interact, and the little things we can do to make those communications more accessible for all.
Read Everyday Accessibility -
Architecting For Accessibility
2020
Instead of looking at code implementation, this talk will cover what questions to ask when getting started and how to read and understand the specification. We will then look at how different roles on the team are affected and the impact and changes including accessibility as part of development will have on the development cycle.
Read Architecting For Accessibility -
Sprinkle Vast Greatness
2020
In this talk we will go over what the SVG code looks like, what it means, and how to generate it. Then we will delve into not only how to manipulate the styles but also how to add functionality in them such as links and click events.
Read Sprinkle Vast Greatness -
KISS my Sass
2020
In this talk we will go over some of the more advanced features SASS provides, what their benefits are, how they affect the CSS output created, and implementation use cases
Read Kiss my Sass Watch Kiss my Sass -
Type-setting in CSS: Using Typography to Enhance Your Design
2020
In this talk we will cover a little bit about the history of typography leading up to where we are today, how to make decisions about fonts and their usage in our application, and the CSS properties that allow us to manipulate our type for a polished beautiful design.
Read Type-setting in CSS Watch Type-setting in CSS -
Can You Read Me Now
2019
In this talk we will go over what accessibility means in the context of web content and how to get your team started in making sure your content can be accessed by all.
Read Can You Read Me Now -
Predictable Spell Casting
2019
As your spell master, I will teach you to cast eloquent spells with a dash CSS transitions, a drop of keyframes and a pinch of html that you can quickly apply to your spells to remove daze and confusion.
Read Predictable Spell Casting -
Tables Have Their Place
2019
Tables have gotten a bad reputation over the years. Historically, we used them for layout, a practice thoroughly frowned upon today. When responsive and fluid layouts came into the scene, they proved difficult to work with. As a result, we have shied away from them but it doesn’t have to be this way.
Read Tables Have Their Place -
Workshop: Accessibility Basics
2019
This hands on workshop is for those interested in learning how to get started. You will take an existing website and identify and fix its accessibility issues.
Read Accessibility Basics -
Mastering Shadow Dom
2019
Using nothing more than HTML and Javascript that is readily available to us in all modern browsers we can create components that work without being tied to any one front-end framework.
Read Mastering Shadow Dom Watch Mastering Shadow Dom -
Accessibility Cookbook: 10 Easy Recipes
2019
If you ever use the elevator, subtitles to watch that cat video during a boring meeting, or tabbed through a form, you have used an accessibility feature. As a community we understand that accessibility is necessary but when it comes to implementation, we often fall short.
Read Accessibility Cookbook -
.CSS { display: what? }
2018
In this talk we will look at the history of the display property and ways you can use it to display, hide, and layout content.
Read .CSS { display: what? } -
Fabricating Fantastic Forms
2018
A developer staple: the CRUD app. We all write them, and they all contain forms. Lots of forms.
Read Fabricating Fantastic Forms -
Care And Feeding of your Developers
2017
We will look at best practices for supporting the developer experience, including documentation, processes, tools, and supporting systems.
Read Care And Feeding of your Developers -
Not Just My Opinion: The Psychology of Good Design
2017
Read Not Just My OpinionTogether we will delve into the psychology, physiology, and mathematics of design principles for two key purposes:
- Validating our designs
- Convincing others of the value and validity of our designs