Programming Uncategorized WordPress

Speaking at AccessU on Open Source and Accessibility

Next month I’ll be speaking at AccessU on Open Source Tools for Building Accessible Websites. I’m excited to share my love of two things: Open Source Software and Accessibility. Accessibility to me is a core subject area that all front end developers and designers need to be thinking about. Open Source Software powers the internet. On a daily basis, you are more likely to use an open tool then not and you might not even realize it. This seminar will be in two parts. The first will be looking at Open Source Software, what that term means and some of the tools you’ve most likely used that are open source. We’ll also look at how decisions (focused on accessibility) get made when building open source software and how and why you should be a part of them. The second half will look at how you can build an accessible website using open source software. The focus will be on WordPress and some of the specific challenges with it.

Many of the speakers are leaders in the Accessibility Community that I respect and learn from whenever I see them tweet, speak, or write. It’s an honor to be able to join them for this conference. Y’all should join us in Austin!

A bit more about the conference:

As Austin begins to warm toward summer, there’s no cooler place to be than with the knowledgeable, passionate speakers and instructors for Knowbility’s annual AccessU! Now in its second decade, John Slatin AccessU provides courses and workshops from the world’s best instructors in inclusive Web, document, and media design and development. Whether are a beginner or are looking to hone your existing accessibility skills, Austin is the place to be in May.

What: The 13th Annual John Slatin AccessU Training Conference
When: May 14 and 15 (conference) May 16 (optional post conference sessions)
Where: St Edward’s University, Austin, TX
Cost: $435 for the conference registration until April 25th
$325 for post-conference sessions until April 25th
Full schedule of classes is available on the Knowbility website.

The conference is produced by Knowbility and sponsored by Deque Systems, St Edward’s University, and the Texas Department of Assistive and Rehabilitative Services. The event is a joyful celebration of the empowering potential of digital technology. Y’all come!

Code Programming


If you haven’t noticed, I like punchcard graphs.  I like them so much, I have a script that to generate them.  I’ve now released this script for everyone to use. is simple to use and I hope you find it useful.  It accepts a stream of unix timestamps and creates a punchcard graph. It can very useful if you’re trying to figure out days and times of activity.

How Do I Install

The easiest way to install is with pip.  Just run

pip install

If you install it manually (by cloning the git repository and running python install), you’ll also need to install the dependency pygooglechart.

What options are available

The only option that is currently available is to change the filename. To do that, use the -f option like -f tweets.png

How do I generate a stream of timestamps

For WordPress Posts, I Butchered the WordPress importer plugin. To use this, clone that repo and run

php punchcard.php export_file_name.xml |

For Twitter, I created a similar simple script. I have the script setup for retweets, original tweets and all tweets. I just change the echo line at the end depending on which I want to output. To use this script, I run

php twitter.php archive.csv |

What should I do if I find bugs

Please create a github issue with any bugs you might find. Please make sure to include steps to reproduce including a relevant data source file.


This script is largely just an abstraction of Bash History Punchcard by Matt Behrens. Without his work, this wouldn’t exist.

Final Notes

If you use to create any interesting graphs, tweet @aaronjorbin, I’d love to see that it’s being used.

Programming Uncategorized

Library’s to play with

I’ve starred a bunch of libraries on Github lately and look forward to giving them a spin when I get a chance.  Anyone played with any of these yet?


Stately is a symbol font that makes is easy to create a map of the United States using only HTML and CSS. Each state can be styled independently with CSS for making simple visualizations. And since it’s a font, it scales bigger and smaller while staying sharp as a tack.


howler.js is an audio library for the modern web. It defaults to Web Audio API and falls back to HTML5 Audio.


An animated CSS3 loading spinner with VML fallback for IE.

  • No images, no external CSS
  • No dependencies
  • Highly configurable
  • Resolution independent
  • Uses VML as fallback in old IEs
  • Uses @keyframe animations, falling back to setTimeout()
  • Works in all major browsers, including IE6
  • Small footprint (~1.9K gzipped)
  • MIT License
Programming Uncategorized

epeli/underscore.string · GitHub

Javascript lacks complete string manipulation operations. This an attempt to fill that gap.

via underscore.string · GitHub.

One of the most useful libraries for me is Underscore String. It has a lot of functions that fill in missing pieces related to string manipulation. And it uses the easy peasy underscore syntax.

Programming Uncategorized

The Post-PSD Era – A Replacement for Mockups

First, I would go read these two articles. The first one, by Brad Frost, identifies many of the problems and traps of creating mockups with Photoshop.

The Post-PSD Era.

The second, by Dan Mall, points out where the root of this problem lies.

The Post-PSD Era – A problem of expectations

I’m going to agree with both gentleman’s thesis. Through out my time as a developer, mockups done in Photoshop have created more problems than they have solved. I’ve worked with talented designers who didn’t fully understand the web and convinced clients of designs that didn’t have much of chance to be easily build able. I’ve also worked on projects where myself and a designer went from initial sketch to working v1 to polished v2 that was being used by real customers. The second was much more fun and ended with more people happy.

In my eyes, The steps from idea to launch should be as few as possible. Once the basic idea is thought of, there should be a brainstorming session and then a whiteboard or paper wire frame should be created. From this, the most basic minimal version of the product/feature should be created using an existing style guide.

The style guide the most valuable tool for a front end developer. By deciding on the standards for how things should look, by picking our fonts, text sizes, colors, and main interactive elements ahead of time, we can more easily stay consistent inside our products and move quicker to getting actual user data to inform our designs. After all, Akin’s first law of spacecraft design is “Engineering is done with numbers. Analysis without numbers is only an opinion.” The style guide moves us to Design Engineering.

Programming Uncategorized

dcjq[16] – Tools for Automatting your front end development workflow

I reprised my talk from WordCamp Boston 2012 at the 17th DC jQuery Meetup. It wasn’t recorded, but you can check out:

You can also watch my previous presentation below.

Programming Uncategorized

Failing Gracefully | UX Magazine

In the process of Error -> Recognition -> Adjustment, we must do two things:

Provide helpful error responses throughout the application

Make errors seem less like failures on the user’s end and more like cues for adjustment.

via Failing Gracefully | UX Magazine.

All the great advice I ever read about dealing with user errors was best summed up in a philosophical statement by Matt Mullenweg when he said at a WordPress DC Meetup “The software is wrong, not the people.[1]”


Programming Uncategorized

Architecture is…

Programming Uncategorized

Four ways I’ve used PhantomJS

PhantomJS is a program that gives you headless interactions with a browser. Essentially it’s a fully scriptable web browser. I’ve found it to be a valuable tool and have thus far used it four different ways.

There are many tools that use PhantomJS these days. Have you found any new or interesting ways to do so?

Programming Uncategorized

Designing For and Supporting Older Users

If the user is rather more ‘experienced’ in life and on the other side of middle age, it’s quite easy for us to attribute an error to their age rather than say their actual cognitive ability. But is there actually any science here? Or is it all ageist garbage?

via 4 ways to support an older website user – Humanising Technology Blog.

A look at some academic articles about designing and supporting an application with older users in mind. The research finds that for older users, it is especially important to avoid putting to much cognitive strain on the users. Therefore it is especially important to strive for simplicity.

The author also points out the important fact that you should not blame the user for the problems they are having with your application. This reminds me of something that Andrew Spittle pointed out, “if a feature or product were legitimately easy the user would not be writing in to support about how stuck they are”.

The moral is that when it comes to older users, the same mantra applies: Strive for simplicity. After all, a design is done not when there is nothing left to add, but when there is nothing left to take away.