Text Contrast for Web Pages

How easy a page is to read, its legibility, is a concern that page designers have grappled with for centuries. The practice of laying out text is a tradition that goes back to Gutenberg and earlier. The web presents new challenges for legibility. Understanding contrast can help you ensure you're not excluding visitors with vision impairments from using your site. On the flip side of the coin, having poor contrast on your page excludes people from using it. This post addresses how to test and improve the contrast of the text on your web page.

Checking for Keyboard Events in JavaScript with Cross-Browser Support

How to use KeyboardEvent.key to check which key was pressed with cross-browser support including IE 11 and older versions of Safari and Opera.

Linting ES2015+ — ESLint with StyleGuides: Google, AirBnB, Common

One refrain I return to over and over again when I tutor web development is that most bugs during development are caused by typos. That could be an improperly placed semicolon or a failure to close a section of code. These kinds of code errors rarely make it into production code. However, spending time weedling them out is frustrating and wasteful, especially because there’s a better way. Enter linting, or static code analysis.

Net Neutrality Under Threat

The call for comments on the Net Neutrality policy up for debate is open and has received almost 350,000 comments in the two weeks since it opened on April 26th, 2017. Here’s my response:

Image Types (and when to use them)

Creating content for the web, there are a variety of image file types to choose from. For photographs, jpeg is the best choice. For animated content, gif is the clear winner. For still images with transparency, png works best. Let's cover some common file types in order to highlight the strengths and weaknesses of file types.