In recent years there has been a constant drive to produce tools to make the job of developing web sites as painless as possible. One of the most useful group of tools has been boilerplates, which set up the basics and allow the developer to get up and running on a new project in double quick time.

Workbench is a little different from other offerings in this field. It comes with the usual task helpers we now expect to see in boilerplates, but it also comes with JavaScript plugins — a feature more likely to be expected in a full blown framework. This makes it something of a hybrid. In addition, while other popular boilerplates use Grunt for minifying, auto-prefixing and so on, Workbench uses Gulp.

Another difference is that the CSS reset file Workbench uses is sanitize.css, a relative newcomer to the scene. Unlike normalize.css, which is the standard in other boilerplates, sanitize comes as a Sass file and is easily customised.

So what is ‘in the box’? On the CSS front, as well as sanitize.css, there is responsive typography using rems, color and margin mixins, some basic styles for buttons, form elements and tags. There is also a modular system for paragraphs to make it easy to mix titles and text with images, quotes and carousels.

On top of this there is the Element Queries polyfill which enables media queries to be set on container elements; Flickety JavaScript image carousel plugin; Packery JavaScript image grid plugin; a page loading animation; and Tether.js, a JavaScript library which, well, tethers elements together — useful for UI elements like dropdown menus and tooltips.

As already mentioned, Workbench uses Gulp as a task runner. The Gulp file performs some pretty standard tasks: compiling and minifying CSS, autoprefixing, concatenating and minifying JavaScript files, converting small images to Base64 and optimizing larger ones, and live reloading. On top of this it has Rucksack integrated, to give a bit extra on the CSS front.

Workbench is certainly not a basic boilerplate, but this is by no means a bad thing. The extra features are there if you want to use them — and many developers will — and many gulp users will appreciate the use of their preferred task runner. It will be interesting to see how popular Workbench becomes over time.

Related posts

  1. 9合1升級保護,提升全面防護!!! 相比之前四合一的疫苗只能預防四種hpv病毒,70的相關癌症。 九合一可以預防9種hpv病毒,可預防高達90以上的子宮頸癌、外陰癌、陰道癌和肛門癌及癌前病變等。 HPV9合1子宮頸癌疫苗 Gardasil 功效 100 預防高危致癌的 HPV 16、18、31、33、45、52 及 58 型號 (可減低 90 患子宮頸癌、、90-95 肛門癌、85-90 外陰癌、80-85 陰道癌及相關癌前病變的風險) 100 減低引致生殖器官濕疣 (俗稱「椰菜花」) 的 HPV 6、11 型的感染 (可減低超過 90 患生殖器官濕疣的風險) 男性方面,能減低患上肛門癌、生殖器官濕疣 (俗稱「椰菜花」) 及傳播 HPV 病毒的風險 注射位置紅腫及痛、輕微發燒和頭痛,至今未有嚴重副作用記錄

Leave a Reply