clock

Using Kirby with Vagrant

For many years I struggled with using content management systems. All of my smaller personal projects never really fit into the mold of the large, feature rich, database driven applications that were available. When I discovered the wonderful NoDB CMS called Kirby, I fell in love instantly. Every design decision that was made feels like an extension of what I would have done if I had created it myself. It is truly the happiest I ...

Dynamic DNS Using The Linode API

Why use a Dynamic DNS service? Dynamic DNS services are great for when you need to communicate to your home network easily and efficiently. They enable you to assign a domain name to your home network's IP, and if your ISP ever changes it, the dynamic DNS service will make sure that the IP for your domain is updated and kept in sync. DynDNS have provided a free service to do this for many years, ...

Getting Started with Gulp

The good news is that it is actually pretty simple! I have created five basic steps that walk you through all of the intimidating stuff and introduce you to the core ideas that you will need to know to start using gulp. Let's get started! Step One - Install Node First - we need our most important requirement, Node. To install Node - simply visit http://nodejs.org and then click that big green “Install” butt...

No Need To Grunt, Take A Gulp Of Fresh Air

When it comes to JavaScript task runners, Grunt is king. Well, at least it has been... Earlier this year, the team at Fractal voiced their concerns with Grunt and came up with a plan to take all the great ideas and benefits that Grunt introduced and rebuild it. They call their project gulp, and while it solves the same problems that Grunt does - there is a lot underneath that makes them both very different. ...

Stop Floating Along, Start Flexing

At one point Ethan Marcotte stopped speaking, laughed and exclaimed "This is really huge, people! You should be very excited!". As front-end developers, we've been doing the same float business for so long that it has become second nature to us. Even to the point where we could be sitting face to face with one of the biggest layout improvements that has ever come to CSS and not really comprehend or understand the ...

Getting Started With EnquireJS

We're missing the another huge component and potential user experience concern: JavaScript. Fortunately, we're in luck because JavaScript has something very similar called matchMedia that will help us sniff out our browser size and deliver our code accordingly. Additionally, Nicky Williams has developed a really helpful library called Enquire.JS that acts as a wrapper to matchMedia making it a little more manageble and easier to use. To use Enquire we simply register a query, ...

Canvas Animation Basics

The HTML5 canvas element has opened up a lot of opportunities and now we can program animations and games that run directly and natively in the browser without the need of Java applets or third party plug-in dependent tech like Flash. To get things started, we need to include the canvas tag in our HTML like so: <canvas id="canvas" width="400" height="200" /> Setup That will render our blank canvas DOM element on the ...