I am blog

These are the things I write about

Recent posts

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.

A simple workflow using a central Git repository and Visual Studio

A simple workflow using a central Git repository and Visual Studio

Git is a great version control system and is very easy to integrate with Visual Studio. Here's the workflow I use for projects using a centralised Git repository.

MVC5 prevents your website being loaded in an IFRAME

MVC5 prevents your website being loaded in an IFRAME

Allowing your content to be hosted in a cross-domain IFRAME can make your website vulnerable to attacks such as framesniffing and clickjacking. Now MVC5 prevents this by default.

Syntactically Awesome in Visual Studio

Syntactically Awesome in Visual Studio

Sass (Syntactically Awesome Style Sheets) is a powerful CSS preprocessor giving you all the goodness of CSS plus lots of extra goodies. Want to use it with Visual Studio? No problem, here's how.