Working with the File API

April 14th, 2014 No Comments

For an app I am working on I wanted to upload an image through javascript and save it as a dataURL and then send it away to my MongoDB. At first I thought I would just get the image from an <input type='file'> and put it on a canvas and then get the information from there, but of course I ran into some issues, as just using the <input type='file'> will not give you what you want.
Read more…

Beginning AngularJs, and the Marvel API.

February 6th, 2014 1 Comment


They say that AngularJs is the:

Superheroic JavaScript MVW Framework

So why not learn the basics of Angular and play with the newly released Marvel API?!

This is a pretty high level overview of how I put together a little app, FOUND HERE. It was my first crack at AngularJS. I have some experience with Backbone, and I am working on a larger app with it I will post about later, so some of the ideas made sense to me. However others just seemed like some Dr Strange magic…see what I did there?
Read more…

Advanced Beginner Command Line Commands

January 9th, 2014 2 Comments


Just like the title suggests, lets take a look at some slightly more advanced beginner command line commands that will help you out as you venture further into a CLI based workflow.

If you missed the first instalment of this series, just head over to the first post “Get comfortable on the Command Line” and take a quick peak. Read more…

Get comfortable on the Command Line

December 18th, 2013 5 Comments

More and more web tools and your work flow are moving to the command line. Tools like Grunt, Bower, Yeoman, Sass/Compass and many more now live on the command line. While some of them have GUI interfaces, most stay where they began.

If you are fairly new to web development, and you are looking to take your skills to the next level, the command line is going to become your friend(or foe) fairly quickly. It is something that is pretty new to me as well. So lets take a look at some of the most basic unix commands and how you might use them. And in future posts we will explore more complex commands and usages. Please note that these commands are for a unix environment, most of these will not work for windows, sorry.

ps. If you are not familiar with unix, take a look at this wikipedia article to get a better understanding of the environment you will be working in!
Read more…

Add Compass to your Grunt task

October 30th, 2013 19 Comments

A while back I started adding Grunt to my workflow. I also started to work with Sass and I wrote a quick post about Getting started with Grunt and Sass. I started using Grunt after hearing so much about it from the jQueryTO conference. At that point it was fairly well known to many, but quite new to me! I fell in love. And since I have been getting into Sass more I decided it was time to start using Compass. So lets take a quick look at getting that going with Grunt.
Read more…