dh_product_mock
grotesk_dribbble

Upcoming Lean WordPress Blogging Theme

A new Lean WordPress Blogging theme is on the way: The design has been pressed, and the hot coding potato has been passed to the awe inspiring Nick Davis for, well, coding.  More updates to come.  In the meantime this screenshot will just have to do.  (By the way, if you’re the owner of the face in the design avatar – please don’t sue me, I just couldn’t help using such an awesome image – I’ll take it down if you ask…)

air_dash_slice
head
Solaris responsive ghost theme
kickstart-800x600-b

New Lean WordPress Theme Sneak Peek

Just a quick sneak peek of a new WordPress theme I’m designing – to be released on the Lean Themes label I’m working on with the awesome Nick Davis (the idea being, they’re lean WordPress themes – see what we did there?).  If  you want to monitor our not-so-fast progress sign for email updates via http:/www.leanthemes.co

1
journal style wordpress blog theme

Monday – A Journal Style WordPress Theme

Monday is a WordPress blogging theme, but simpler – more like a Journal:  The main blog layout is single stream to avoid confusion and support better storytelling.  Monday works sweet on mobile with a handy left-hand navigation panel slide-out.  For the purists among you there is also a classical blog layout available.

Monday is very simple to setup and to start posting stories and photos.  Simply setup your favourite colour and start posting.  I was never a fan of complicated themes that were tricky to setup – I like themes simple, fewer setup options means it’s easy to get started.

Demo & Download Available on Creative Market

Read more

swisssh dribbble shot analyser app
Jobs for digital designers
bikesoup re-branding study
Bikesoup responsive to mobile

How to build the simplest Meteor package

Today I am going to explain how to create the simplest Package for use with Meteor. I had a little trouble pushing out a simple template from a package to the app, so today I’m going to explain how it’s done.

First of all, let’s create the package. I’m assuming a basic knowledge of how Meteor works and the command-line and all that. We’ll call this package simply “test”.

 meteor create -—package test

Now Meteor will have created our base package in the packages folder. The first thing to do is to tell Meteor what we want to include. Open the packages.js in the newly created package test.

You can alter the Package.describe section if you like, but what is more important for this tutorial is to get our package template available for use in the main app. We need to modify the Package.onUse section. We will do two things: firstly, we wil let Meteor know which other packages our package depends on, and secondly which files it uses.

Package.onUse(function(api) {
  api.versionsFrom('1.0');
  api.use(['templating','coffeescript','mquandalle:jade'],['client','server’]);
  api.addFiles(['test.jade','test.coffee'], 'client');
}

Aside: I write in Jade and Coffeescript, in place of html and javascript – and I would recommend you do so too. They are simple preprocessors that clean up the code syntax and make the whole coding process easier, quicker and clearer. 

OnUse

So, firstly we have told Meteor to use the templating, coffeescript and jade packages. We also specified under which architecture they should run (client and server).

addFiles

Secondly we list the files we want to include in our app. I have included a html (.jade) template and its associated javascript (.coffee) file. Let’s take a look inside those two simple files.

test.jade

This template, very simply, has a title, a “hello world” and a button.

template(name="test")
  h1 Tested
  p Hello world
  button Clickme

test.coffee
The coffee file simply logs “Hello world” to the console when the button is clicked.

Template.test.events 
   'click button': -> 
     console.log('Hello world')

Add the package

Now we tell Meteor to load the package on the command line:

meteor add test

Include the template in the main app

All that is left is to include the template in the main app wherever you want it output. Using Jade we write

+test

And you should see your little template appear. If you click, the console will log the message.

Looking for Mailbox Desktop Betacoins? I got ‘em

If you know Mailbox, I know you want Betacoins to get your mitts on the desktop Beta.  I’m lucky enough to be “in” and it’s truly awesome to have it – finally I feel in control of the emails.  It’s truly amazing.  Ping me @derrybirkett if you want some Betacoins (I got three so its first come first served).

How to use Vim Macros to customise your code nest

Arguably what makes Vim the greatest tool for web development is the breadth of its customisation:  It’s like having an exo-suit for development – used correctly it does most of the heavy lifting.

Macros are the articulations that make code “lifting” a breeze.  If you don’t know what Macros are, they allow you to “record” a series of actions and re-perform those with a keystroke. Imagine being able to “record” going to the gym – then, instead of going again the next day you simple hit a key and it is done – with all the benefits, and without a second wasted.  Isn’t that power?

Read more

Getting Paid on the Fly

This is why I love subscribing to SaaS services – new features, no extra cost!  Harvest just made a free update to their invoicing service so that “Harvesters” (you know, people who use Harvest for their time tracking and stuff – yeah, I just made it up) can get paid even if their client is on holiday – no more excuses to delay, lovely!

This is what the internet is all about.  Keep up the great work guys.

Say Hello to Getting Paid on the Fly | HARVEST Time Tracking and Invoicing Blog.