Colin Bacon, web developer.

I am blog

These are the things I write about

Recent posts

Clean up your views with display templates - MVC

Clean up your views with display templates - MVC

Looping through lists is not uncommon in views but it can cause bloat and just look plain ugly. Display templates solve this.

Filtering your Trello board with labels

Filtering your Trello board with labels

Trello is a great productivity tool for work and just about anything else. Recently I learnt how to use labels to help manage my boards.

Use display and editor templates FTW!

Use display and editor templates FTW!

Display and editor templates in ASP.NET MVC are often overlooked and are in fact quite powerful, here's why I think they are awesome.

Getting started with Grunt, SASS and Task Runner Explorer - Visual Studio

Getting started with Grunt, SASS and Task Runner Explorer - Visual Studio

Web Essentials opened the door to SASS in Visual Studio by giving us a way to compile without the need for Ruby. But now we have Task Runner Explorer, FTW!

No more CSS vendor prefixes, Autoprefixer comes to Visual Studio

No more CSS vendor prefixes, Autoprefixer comes to Visual Studio

If you want to use the latest and greatest in CSS3 you are going to have to use vendor prefixes to ensure the best browser support. Knowing when and which vendor prefixes are required in CSS is a constantly changing battlefield.

Get Intellisense in SASS/LESS files in Visual Studio

Get Intellisense in SASS/LESS files in Visual Studio

We all love intellisense. No one likes to type more than four characters without Visual Studio doing the rest for you. When using a CSS pre-processor such as SASS or LESS, we may have variables or mixins that we use in different files. This often results in the horrible validation error squiggly line, and no one likes to see that. We can get around this though, and here's how.

Life is now easier, Create media query mixins with rulesets - LESS CSS

Life is now easier, Create media query mixins with rulesets - LESS CSS

LESS now has a function called rulesets which allows you to create a mixin that wraps content in a media query.

Binding mouse events for range inputs with Knockout js

Binding mouse events for range inputs with Knockout js

HTML5 range input is a great control and an alternative way for a user to select or set a value. Knockout is a great fit for handling it.

Converting a hex colour code to RGBA is easy - LESS CSS

Converting a hex colour code to RGBA is easy - LESS CSS

These days the use of colours with opacity (RGBA) is common. The downside is, it means the number of colour values we need to maintain multiplies and it is hard to tell when a hex value is the same as an RGB value in our CSS files. Fortunately, LESS provides us with functions to simplify this.

Abstracting grid implementation with mixins using Semantic grid - LESS CSS

Abstracting grid implementation with mixins using Semantic grid - LESS CSS

A grid system can make life a lot easier when it comes to creating the layout of page. This article demonstrates how creating a level of abstraction from our grid with mixins can make it even easier.