Archives for the month of: February, 2012

The Importance of Local Events

February 12, 2012 //
0

So yesterday was the first ever Digital Barn, a local, free event organized by Matt Watson and Kimb Jones in conjunction with Barnsley DMC, and I have got to say, it was a fantastic do.

As a developer who has been working on the web for over 12 years now, it can become very easy to slip into a comfort zone. I like to think I’ve read all the right articles, and that what I produce is good quality code. And for the most part, it generally is. But there is always room for improvement. As we grow as designers / developers, it’s inevitable that we become specialists in certain areas, and start to fall behind in others. For me, that is when the importance of local events can really shine.

It’s a chance for you to come out of that comfort zone, and to challenge what you think you already know. It’s a chance for you to checkout subjects that you might not ordinarily look into. And it’s a chance for you to get out and meet others with similar interests.

The Digital Barn was a great example of this, with talks on various subjects, with folk from near and far turning out. For me personally, there were 2 talks which really challenged my existing conceptions and really inspired me to make some changes. Harry Roberts, Breaking Good Habbits and Craig Burges, The Mad Scientists of the Information Superhighway.

Harry’s talk discussed some interesting concepts about CSS and creating more maintainable websites by thinking more semanticly and Craig’s talk about reigniting the magic of the information superhighyway by encoraging designers and developers to spend more time working on those fun ideas we all have, but never do anything about, really rang true with me.

So it’s thanks to events like the Digital Barn that we can all take that step out of our comfort zones and open our selves up to ideas we may not have thought of without them.

So with that I’d like to give a big thanks to Matt and Kimb for organizing the event, and I encourage you to search out a local event near you and see if you can find unexpected inspiration. I for one can’t wait for the next one.

Tags ,
Categories Events

Introducing Knockout Hotkeys

February 10, 2012 //
3

For anybody who doesn’t know, working at Umbraco HQ, every Fridays is Freedom Fridays, in which the whole team take a break from their usual projects, and spend the day doing some personal development.

Having spent a fair bit of time playing around with Knockout.js recently (If you haven’t done already I urge you to checkout the Introduction to Knockout JS talk I gave at the Umbraco UK Festival back in November), I thought I’d have a go at writing my own plugin for it.

With that in mind, I introduce to you, Knockout Hotkeys.

Knockout Hotkeys is a custom binding plugin for Knockout that allows you to define global hotkeys for elements in your design, allowing you to effectively develop keyboard driven interfaces.

You can define a hotkey by using one of three binding attributes

  •     hotkeydown
  •     hotkeyup
  •     hotkeypress

The actual syntax is then as follows (NB: Modifier keys should be defined in alphabetical order, ie alt+ctrl+shift):

<input type="text" data-bind="hotkeydown: { shift1 : doSomething }" />

If you would prefer your key combinations to be a little more readable, you can also define them in the following format:

<input type="text" data-bind="hotkeydown: { 'shift+1' : doSomething }" />

You can also register multiple hotkey combos within a single binding statement as follows:

<input type="text" data-bind="hotkeydown: [{ 'shift+1' : doSomething }, { 'shift+2' : doSomethingElse }]" />

In addition to the key combination option, you can also provide an if statement which must be met to allow the hotkey to trigger:

<input type="text" data-bind="hotkeydown: { 'shift+1' : doSomething, if: currentItem() == $data }" />

Lastley, you can also use a more verbose syntax to allow the creating of dynamic key combinations:

<input type="text" data-bind="hotkeydown: { key: 'shift+' + $data.substr(0,1).toLowerCase(),  do: doSomething }" />

If you’d like to give Knockout Hotkeys ago, you can grab it now over on bitbucket.

All in all, it’s been a lot of fun creating this plugin. The more I explore Knockout, the more I love it. From the beautiful syntax, to the amazing documentation. I wish more libraries could be like this.

Tags , , ,
Categories Tutorials
Follow

Get every new post delivered to your Inbox.