Books
- Tiny CSS Projects
2022
Tiny CSS Projects develops your CSS skills through 12 delightfully creative mini-projects. Each project sets you up with a premade HTML skeleton for you to use as a foundation for your work. You’ll build up your portfolio of common and useful web designs, including a loading screen, an eCommerce checkout, and animated social media buttons. As you tackle each tiny project, you’ll learn about animation, transitions, layout, styling forms, and even typography.
Get Tiny CSS Projects - Architecting CSS
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
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
Published in 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 ++ - Woodlands
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
Courses
- CSS Animations and Transitions
2022
In this liveProject series, you'll play the role of a frontend developer hired by Max, the owner of My Little Cookie Shop, to take his website to the next level. A competing bakery has opened across the street and Max wants to make sure his competitive edge doesn't crumble. Using CSS, you'll add transitions and animations to My Little Cookie Shop's UI, making it shine while providing a more fluid experience for the user.
Get CSS Animations and Transitions - Build for Accessibility with Angular
2020
This hands-on workshop is for those interested in learning how to get started with web accessibility, but in a realistic scenario using the Angular framework, components, and Material design. During this workshop you will take an existing web application and identify and fix its accessibility issues. You'll have an opportunity to apply your own theme, perform accessibility testing, and build an Accessibility Action Plan to take back to work with you.
Get Build for Accessibility with Angular
Articles
- Styling Web Components
2018
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 par
Read Styling Web Components - Implement OAuth in 15 minutes with Firebase
2016
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 - CSS Encapsulation in Angular
2016
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
Talks
- Building Accessible Forms
2022
Although part of most applications (because let’s not kid ourselves the vast majority of applications are CRUD apps) a well designed accessible form is still one of those things that is really hard to achieve. Let's talk about ways we can make them more accessible.
Read Building Accessible Forms - Unit Testing Angular Reactive Forms
2022
A look at some of the unit tests we can write against a reactive form written in Angular to validate that it does in fact behave the way we intend it to.
Read Unit Testing Angular Reactive Forms - Clearing CSS Float of Its Bad Reputation
2022
Once upon a time, we didn't have much of a choice but to use float to create our layouts. It developed a bad reputation because of being misused from lack of other options. In many cases we now use Flex and Grid for many of our layouts, but float has some new tricks up its sleeve! With some new CSS features, it is much easier and a lot more fun to use than it once was. Let’s take a look at what happens when we combine some new and old techniques for some really cool effects.
Read Clearing CSS Float of Its Bad Reputation - 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 - Baking My Cake and Eating It Too
2021
From cakes, to pastries and cookies, to bread, there are striking similarities between baking and web development. In this talk we will go over the similarities and how the choices we make in baking can help us make better architectural and planning decisions regarding our development projects.
Read Baking My Cake and Eating It Too - Moving Beyond Pretty
2021
Together we will delve into the psychology, physiology, and mathematics of design principles to create more usable designs.
Read Moving Beyond Pretty - Type-setting in CSS
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 - 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 - KISS my Sass
2020
For almost 15 years we have had Syntactically Awesome Stylesheets (SASS) to help us write our CSS. But are we really using sass to its fullest? We know about variables, and nesting properties is nice, but what else can it do for us?
Read KISS my Sass - Sprinkle Vast Greatness Into Your Images
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 Into Your Images - Accessibility Cookbook
2019
10 common accessibility fails, how to test for them, and how to fix them.
Read Accessibility Cookbook - Mastering Shadow DOM
2019
The knowledge you need to go forth and create your own components, understand how to make them look gorgeous, and what if any limitations there are. Also, find out how you can bring back the blink tag!
Read Mastering Shadow DOM - 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 - 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 - 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 - .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 - Not Just My Opinion
2017
Together we will delve into the psychology, physiology, and mathematics of design principles for two key purposes: Validating our design, and Convincing others of the value and validity of our designs.
Read Not Just My Opinion - 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 - Playing With Fire
2017
Come learn how easy it can be to use Google Firebase to take your app idea from concept to production. In this workshop you will learn how to build your own Twitter-like social messaging application, start to finish.
Read Playing With Fire