I understand your apprehension on taking advice about web development from The United States government. The Healthcare.gov catastrophe – an approximately $180 million web project that suffered major problems at launch – is still fresh in the minds of programmers. It’s a shocking number and an impressive failure, but you have to assume there are smart people elsewhere within the government who were not involved with that project.
I was recently made aware of the open source project dubbed “U.S. Web Design Standards” the site lays out the recommended tools and practices for building U.S. government websites going forward. The standard defines the proper way to handle everything from which fonts to use, what CSS preprocessor to use, and how to name things – to how to organize your folders and even design templates to get you started on new projects. You can read the entire standard here.
What’s interesting are not only the frameworks the US government has chosen but equally those which they have not. It seems like every web development project started over the past couple of years begins with Twitter Bootstrap. The ubiquitous framework is used with extreme frequency to get a new build off the ground quickly without having to worry about styling every little component from scratch. So it is assumed this is where the U.S. standards would start, wait… that’s in fact NOT the case!
Not only does the U.S. standard choose other frameworks, it specifically does not recommend bootstrap for production sites.
18F specifically does not recommend using Twitter/Bootstrap for production work because of one, the difficulty in adapting its opinionated styles to bespoke design work and two, its CSS style places semantic layout instructions directly in HTML classes.
For CSS, the standard recommends using Sass as a CSS preprocessor and the Bourbon framework to jumpstart layout development. They also define an alternative if you can’t/don’t want to use Sass and prefer something more lightweight: Yahoo’s Pure.css.
Being a web developer and designer I’m generally up on the trends and tools. Not only have I not done a project with either of these frameworks, I’d never even heard of Bourbon before this. As I read through the spec however, I began to see their rationale and have come to agree with their assessment of bootstrap. I’ve done countless projects with the framework and indeed it can work against your design goals at times. The other side effect is that, without considerable extra effort, bootstrap sites have a tendency to look very similar to one another. These guidelines push for more bespoke and original development which I really like.
A developers choice of tools can be personal. It never hurts to explore what others are doing and why though. These government guidelines are very well documented and have some excellent suggestions. Their font choices are appealing, their color pallet is pleasant, it’s all very modern. Even if you don’t want to adopt their entire toolset, there is something in there for everyone that can improve what you’re working on today. If you work in web development you should definitely give it a read through.