Javascript & jQuery Development

HTML5 Boilerplate Case Study: 400Hitter

For more than 10 years, 400Hitter has provided powerful web-based tools for league commissioners and managers to quickly and easily provide statistics, rosters, schedules, results and more for their baseball leagues.


  • Can be setup and configured for your league and organization.
  • Allows managers to setup team sites in seconds.
  • Allows commissioners to organize their league with ease using the commissioner tools.
  • Allows managers to enter their rosters at the start of the season and then add their player stats quickly and easily after each game.
  • Gives media outlets RSS feeds and automated emails of linescores and standings.
  • Provides site widgets, web services and data feeds, offering a variety of integration.

But 400Hitter needed a redesign. Badly, quickly and right away.

This is what the site looked like before:

This is what they will be replacing it with:

In less than five business days, Matt Walker designed the site and created the brand using Photoshop and Illustrator.

When he finished, he handed it over to one of our developers who transformed it into HTML, CSS and Javascript for the client to implement.

He did this in less than six hours, using HTML5, CSS3 and jQuery provided via the outstanding HTML5 Boilerplate system developed by Paul Irish.

Basically, the HTML5 Boilerplate removes 95 percent of the repetitive work to set a solid structure and base for a website.

We through in a standard 1008 pixel-wide, 24-column, 10 pixel-gutter grid, and this allowed us to deliver the client the completed project in less than half the time it would normally take.

Using Head.js in WordPress and Rails 3

Head.js is a rocking technology that helps you load your pages faster and more efficiently. In this post, we’ll show you how to use it with Ruby on Rails 3 and WordPress

How to turn off Hyphenator using donthyphenate and jQuery

The vast majority of books and magazines are typeset using hyphenation and justification. In print, it’s everywhere. It’s easy to spot because all lines of text except the last lines of paragraphs are stretched out to the same length and hyphens are used to break words at the end of lines to help prevent gaps in word spacing.

Optimize WordPress Script Loading with Head.js

Head.js exceeded our expectations for performance gains.

After some initial setup and integration with WordPress, head.js works completely behind the scenes to thread the loading of external javascripts for faster load and render times.