Front-end Web Developer
Web Accessibility Advocate
JAWS is one of the more popular assistive technologies used by people with disabilities. Since the application is a Windows-based application it can be a little tough to use on a Mac. Learn how you can install JAWS on your Mac for personal use or for accessibility testing.
I did a little testing and found that only the Bernie Sanders camp appears to consider progressive enhancement as part of their development process for their donation mechanism.
» read more about Progressive Enhancement and the 2016 Presidential Race
Early one Saturday morning I found myself unable to write a new blog post because my Jekyll site would not build. I was in what we call Dependency Hell!! This prompted me to research alternatives to Jekyll and this is how I found Hugo. In this post I’ll show you how convert a Jekyll site to Hugo.
Your client opens up PowerPoint and creates a dazzling infographic that wows stakeholders and expects you to create it for the web… should you? Is that the best way to tell a story? In this post I examine how infographics may not be a great fit for the web. I also provide some responsible implementation recommendations.
I’ve started an open source project listing the top people in web accessibility that are must follows. If you are just getting into Web Accessibility and you are trying to learn more keep an eye on these people.
Here is a quick roundup of several HTML tags and CSS selectors that developers either abuse or completely misuse making their projects less accessible.
» read more about Commonly abused HTML & CSS that hurt accessibility
The importance of Web Performance is at an all-time high now due to the proliferation of mobile devices. One piece of that #webperf puzzle is the practice of inlining Critical CSS (only styles needed to render the page ‘above-the-fold’) into the document’s <head> alongside calling CSS and JavaScript asynchronously. This "progressive loading" will make your website hit quicker and render faster for the user. There are a few awesome tools out there to assist with inlining Critical CSS with Wordpress.
Often times a larger website can call for a few hundred lines of jQuery code. This can be tough to manage if you have one giant JavaScript file with a bunch of functions and no organization. In this post I will walk you through a cool method of using Object Literal Notation to help keep things in order and easy to maintain.
» read more about Organize your jQuery with Object Literal Notation
CSS visual regression testing is the process of running automated visual test comparisons on pages or elements in your projects. Generally these tests utilize tools consisting of PhantomCSS, CasperJS, and Resemble.js. These tools can literally visit specified web pages, take snapshots at different screen sizes and then compare those images to each other. These comparisons can uncover bugs you’d otherwise not learn about until it’s too late.
Today we are going to learn how to automate this process using grunt-backstopjs
» read more about CSS Visual Regression Testing with Grunt-BackstopJS
Tenon.io is a totally awesome web accessibility testing platform that you must check out! It is headed by web accessibility specialist Karl Groves. You can visit Tenon.io and plunk in a url to perform robust web accessibility tests in your web browser. While this project is in its early phases (beta currently at the time of this post), it will only get better and I’m very excited about its potential.
In this post I will walk you through setting up Grunt Tenon Client which will integrate Tenon’s great accessibility testing into your Grunt-based workflow.
