Cape Town Front-end Developers – July Meetup

“Building a front-end style guide with Jekyll” was the topic for the most recent Cape Town Front-end Developers meetup. The topic was presented by Justin Slack who currently works at New Media Labs.

As per the title of the Meetup, Justin used Jekyll, which is a static website generator, to show how it could be used to generate a front-end style guide.

You can access the source code to his style guide on GitHub: Front-end style guide with Jekyll.

Being a Windows user, Jekyll isn’t a very viable solution for me, due to the Ruby requirement. However, it is possible, but I haven’t yet tried it myself.

“Design style guides and code standards documents have been a successful way of ensuring brand and code consistency, but in between the code and the design examples, web-based style guides are emerging. These are maintained by front-end developers, and are more dynamic than visual design guidelines, documenting every component and its code on the site in one place.”

Anna Debenham

The idea behind building a “living” style guide that is dynamic and easy to maintain is definitely an appealing one, especially when working on larger projects. Earlier in the year, Ian Feather wrote an insightful article: A Maintainable Style Guide where he discusses, in detail, how the Lonely Planet style guide is maintained.

Below is a list of some of my favourite style guides currently online:


Cape Town Front-end Developers is a Meetup group of some of the talented front-end web developers currently working in Cape Town.

Thanks to 22seven for hosting the event.

  1. Cape Town UX Craft – July Meetup

    The Cape Town UX Craft is a group on the popular service, Meetup. They held their second meetup on the 23rd of July at Ogilvy’s office in Cape Town.

    Continue Reading
  2. Accessing a Grunt connect server on your WiFi network

    Until now, I haven’t found a way to easily view my front-end HTML templates on my phone or iPad, without uploading them to a live (staging) server.

    Continue Reading
  3. Working remotely can work

    I spent last year freelancing, but was offered a great opportunity to work at Joe Public n on a full-time basis this year.

    Continue Reading
  4. Tips for freelance front-end web developers

    Having just reflected on my year of freelancing, I thought it would be good to look back and share some of things that helped make my year a successful one.

    Continue Reading
  5. Reflecting on a year of freelancing

    When I began this chapter of my life as a freelance front-end web developer, I had the best of intentions, but obviously had no idea on how it would pan out.

    Continue Reading
  6. Hello World!

    Welcome to my small, but carefully positioned footprint in the world wide web. With over 10 years of industry–related experience, I made the decision to specialise in front-end development towards the end of last year, 2012.

    Continue Reading