trykickoff.com

martineau.tv

Yeoman Generator Development Tips - an article by Zander Martineau

http://martineau.tv/2014/05/yeoman-generator-development-tips

Yeoman Generator Development Tips. Tips for those creating Yeoman generators. Originally posted at tech.tmw.co.uk. Yeoman generators are a powerful tool for developers, they enable us to get up and running with projects extremely quickly. I created a generator for our Kickoff framework and came across a few things that I thought others would benefit from; hopefully this post will shed some light for others creating their own generators. Escaping Underscore template variables. Callback, like this:. If you...

martineau.tv

Introducing Kickoff - an article by Zander Martineau

http://martineau.tv/2013/12/introducing-kickoff

An overview of Kickoff for the TMW Labs blog. Originally posted at tech.tmw.co.uk/2013/12/introducing-kickoff. Within a large team, making sure that everyone is on the same page can be difficult; at TMW we have a team of about 20 web developers (6 are front-enders and creative technologists) and this was an issue that we needed to tackle. We create many different types of sites, from single page apps to large-scale builds like uk.thebar.com. And I created Kickoff. Is that it is not nearly as prescriptive...

martineau.tv

Speedtesting gulp.js and Grunt - an article by Zander Martineau

http://martineau.tv/2014/01/speedtesting-gulp-and-grunt

Speedtesting gulp.js and Grunt. Using the Kickoff framework, I compare two of the most popular client-side task runners. Originally posted at tech.tmw.co.uk. Is the new hot young thing on the front-end circuit; it is a task runner similar to Grunt. There are many anecdotal reports saying that gulp.js is far quicker than Grunt at performing similar tasks so naturally I wanted to see this for myself using Kickoff. The front-end framework we use at TMW as a Guinea Pig. Which made this switch doubly easy.

martineau.tv

My social home page - an article by Zander Martineau

http://martineau.tv/2013/04/site-launch-mrmartineaucouk-my-social-home-page

My social home page. Mrmartineau.co.uk site launch. I have just launched my own version of a social home page/business card site. Check it out at mrmartineau.co.uk. And grab the code at Github. On a technical note, I used the brilliant Entypo icon font. But also added to it because it lacked a couple of icons. I added logos for Pinboard. I’m Zander, a senior front-end developer from London. I work at TMW. As a Creative Technology Lead, when I’m not working there I can usually be found hacking on Kickoff.

martineau.tv

Use Shuttle to boost your development - an article by Zander Martineau

http://martineau.tv/2015/01/shuttle-for-mac

Use Shuttle to boost your development. Great menubar app for bash shortcuts. I recently discovered Shuttle, a free little Mac menubar app by Trevor Fitzgerald. Its purpose is to be a shortcut menu for SSH commands but I think it can be used for so much more. I work on many different projects on a regular basis: this site, Kickoff. My work at TMW. When you first open Shuttle, it adds. Cd /htdocs/martineau.tv & grunt serve". Did I mention it’s free? Download Shuttle from fitztrev.github.io/shuttle/.

martineau.tv

Pinboard.in Chrome Extension - an article by Zander Martineau

http://martineau.tv/2014/08/pinboard-chrome-extension

Pinboard.in Chrome Extension. An improved, more responsive design. In fact I think I may be a little obsessed with this simple bookmarking service however, I think its design could do with an update. I created a Chrome extension that cleans up the UI, improves the visual hierarchy and generally makes the site a little more pleasant to use than it already was. Typography was made more clear and readable by using Open Sans. By increasing the overall size of the type. Stars are larger and clearer. Work has ...

martineau.tv

Improve website event tracking with trak.js - an article by Zander Martineau

http://martineau.tv/2014/11/trakjs-universal-analytics-api

Improve website event tracking with trak.js. Add tracking events more easily with our new library. Originally posted at tech.tmw.co.uk. Trakjs does just that. Put simply, trak.js. Is a wrapper for any analytics API. By default it uses Google Universal Analytics but you can override this with the older ga.js or Google Tag Manager if you wish, or you can even add custom event trackers as well, instead of Google Analytics. There are two main ways to use trak.js, as. Triggered on focus -. A string value of t...

martineau.tv

The road to Kickoff version 4 - an article by Zander Martineau

http://martineau.tv/2014/08/the-road-to-kickoff-version-4

The road to Kickoff version 4. What's in store for the next release of Kickoff. Originally posted at tech.tmw.co.uk. The content in this post is out-of-date, Kickoff v4 has now been released. Please go to the Kickoff site. To see all the new updates. The upcoming release of Kickoff, version 4, has been in development for the past few months. As well as fixing a number of bugs, we have improved both the Sass and the JavaScript structure of the framework, removing a fair bit of old and unnecessary code.

martineau.tv

Speedy Sublime Text setup - an article by Zander Martineau

http://martineau.tv/2012/05/speedy-sublime-text-setup

Speedy Sublime Text setup. I created a wiki to speed up Sublime Text setup, click above to find out more. A few weeks ago I created a Github repo to aide people in setting up Sublime Text more quickly. It lists the essential plugins that ‘most’ users will need and a few others for the programmers among you. Please check it out, fork the project and help me make it better: github.com/mrmartineau/SublimeTextSetupWiki. I’m Zander, a senior front-end developer from London. I work at TMW.

martineau.tv

Live reloading preprocessed CSS using Grunt - an article by Zander Martineau

http://martineau.tv/2013/06/live-reloading-preprocessed-css-with-grunt

Live reloading preprocessed CSS using Grunt. This is all you need to get Livereload working with Grunt. Having recently changed my development process from using Codekit. I was frustrated that I no longer had live updates without a browser refresh when I made changes to my CSS; fortunately for me, there is a plugin for Grunt that solves this problem and, funnily enough, I happened to be using it already. The plugin in question is called grunt-contrib-watch. Options: { livereload: true }. Start editing yo...