03 Jan 2014

Dev Stories: Post Listing

Dev Stories are a collection of posts which are based on my personal learning. This page is used for two reasons; first it gives a nice easy way for you to move through the various posts & second it shows you (and reminds me) of what is coming up.

  • What education have I needed?
  • What language should we teach?
  • Zealots
  • It is always hammer time
  • What is successful code

(anything not linked means the idea for the story exists but isn’t up yet… so subscribe to the feed to get it as soon as it comes out)

04 Dec 2013

Joining the AppFactory

appfactory_za_headerI am very proud to do a short announcement that I have moved to join Microsoft, and specifically the AppFactory. The AppFactory is a group of people, mostly consisting of interns who are gaining real world experience in software development. So what is this real world development focused on? Locally relevant apps which give all users a rich and meaningful experience on Windows 8.1 and Windows Phone.

I am joining as a senior developer with my focus on both development, but also skilling up of those involved!

01 Nov 2013

Browser Link + LESS? Does it work?

(You can grab the code for this from: https://github.com/rmaclean/BrowserLinkAndLESSDemo)

imageAt TechDays in Johannesburg, I showed a lot of cool stuff, but this post is about two specific pieces of awesome technology – Browser Link & LESS. In my talk (you can watch  a video of it here) I showed off how you use Browser Link with Web Essentials it can detect unused CSS. A rather sharp attendee came up to me afterwards and asked me, what happens with LESS? Does it do the same thing?

I went back and experimented with it – first was to setup some CSS that wasn’t used and test. Everything works as expected.

Step two, was to use LESS directly, so I setup the HTML with

  • I used Nuget to pull down LESS.js
  • I put in the the link to the LESS file
<head runat="server">
    <link rel="stylesheet/less" type="text/css" href="/Content/Awesome.less" />
    <script src="Scripts/less-1.4.2.min.js"></script>

Next step was to configure IIS Express, using the web.config, to serve the LESS file. To do that I added the following to the web.config file:

    <mimeMap fileExtension=".less" mimeType="text/css" />

and I ran the app again. You know what happened? It all just worked – Browser Link’s CSS logic detected the unused class in the LESS file, and when I clicked it – it took me directly to the class in the LESS file Smile

01 Nov 2013

Missed TechDays? Check out my LightSwitch talk on YouTube!

I you couldn’t make TechDays in Johannesburg or Cape Town (or maybe you did & went to Dave Russell’s awesome MVVM talk which was at the same time as my LightSwitch talk) then you can watch a recording of my LightSwitch talk I did recently.

If you want to get the slides, the completed demo or the script, you can find all of that in my earlier post.

01 Nov 2013

Missed TechDays: ASP.NET

Did you miss the awesome TechDays events in Johannesburg and Durban? Fear not – I recorded my ASP.NET talk for you! This is no way as good as being there as the excitement and energy from the event help a lot, but this is still a great talk to watch!

All the slides, assets, demo bits etc.... can be download in this post.

31 Oct 2013

TechDays 2013: LightSwitch

I had an awesome time recently at the Microsoft TechDays events in both Johannesburg and Cape Town where I presented on Visual Studio LightSwitch and ASP.NET! Below you can find the slides (SlideShare does a poor job with them, but if you go to the website you can download the original PowerPoint!), the demo script, the completed demo and the assets used in the demos!

Assets542 bytes
Snippet for WebAPI1.02 KB
Demo Script30.34 KB
Completed Demo5.27 MB
31 Oct 2013

TechDays 2013: ASP.NET

Missed the event? Watch the YouTube video!

In both Johannesburg and Cape Town with the awesome Microsoft TechDays events! I was lucky enough to present on two talks: LightSwitch and ASP.NET. Below you can find the slides for ASP.NET (SlideShare does a poor job with them, but if you go to the website you can download the original PowerPoint!) - See more at: http://www.sadev.co.za/content/techdays-2013-lightswitch#sthash.zYVT7SRt..., the completed demos, my demo script and the assets I used!

The final part of this ASP.NET talk was a streamlined version of my Visual Studio is awesome talk I did at JSinSA – I recommend looking at that for even more awesomeness (I have even more cool demos in that).

Demo Script19.12 KB
Demo Assets27.85 KB
Completed Demo1.21 MB
29 Oct 2013

Visual Studio 2013 - WHERE IS MY PRESENTON?!

Update: The pro power tools for 2013, which includes PresentOn is now out!

A mere seven months ago, I wrote about an awesome trick in Visual Studio 2012: PRESENTON. This trick optimises a bunch of fonts really quickly to look good on stage – not just the text editor but the IDE too!

However this relied on the Pro Power Tools extension which doesn’t exist for Visual Studio 2013 yet. So how can you achieve the same results? With just some manual settings in the IDE.


imageBefore you start, make a backup of your current settings by going to the Tools menu, then Import & Export Settings. In the next dialog, all you need to export is the Fonts and Colors options (see image below). This will ensure that after your presentation, you can roll back to your normal experience. It is also a good idea to do this again after you are setup for your talk, so that next time you can just import it in minutes & be ready (in fact I did that & you can grab my one below).

Changing the settings

Step one, get to the font settings – which is REALLY easy. Hit Ctrl+Q, which takes you to the Quick Launch & type in font.


Now you are in the font dialog and you can change all the settings in here. The key ones I find are listed below.


  • Text Editor : Naturally, this is the text that appears on the screen!
  • Environment Font : This badly titled item is for the IDE, all menus and text rendered in the IDE that is readonly is affected. This really makes your IDE much easier to see.
  • Code Lens  : For VS 2013 Ultimate*
  • Statement Completion : This is intellisense – since I use it a lot, I find it helps the audience see better what I am doing
  • Editor Tooltip : If you are showing off the editor which may include tooltips you can make them larger**.
  • Package Manager Console : If you are demo’ing Nuget and/or Entity Framework Migrations this is very useful to increase**.
  • Output Window : Always something worth having large because compilation is a big part of any talk.
  • Locals Window : Another one that is good for IDE demos or demo’s where you are doing demo’s focused on debugging**.
  • JavaScript Console : Lastly for the JS demos, a must have. **

Font Choice

Something to think about when doing this, is what should this look like. For almost a decade, I’ve followed the advice from Don Box on what goes into a great technical presentation which is min font size of 14 point (I use 16pt). While I think he was spot on with font choice, now days I use a different font called DejaVu Sans Mono which I think looks amazing.

My Presenter Settings

Since I did this for the recent TechDays, you may want to use my presenter settings file so you can grab it below!

* If you want Code Lens for versions of VS other than ultimate, go and make your voice heard: https://visualstudio.uservoice.com/forums/121579-visual-studio/suggestions/4150271-make-codelens-available-outside-of-ultimate

** This setting is not included in my presenter settings which you can download below.

VS 2013 Presenter Font Settings1.06 KB