Archive for the ‘Code’ Category

Advanced Beginner Command Line Commands

January 9th, 2014 2 Comments

terminal

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. (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!
(more…)

Add Compass to your Grunt task

October 30th, 2013 19 Comments

compass-logo
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.
(more…)

Testing on devices locally using mamp

October 25th, 2013 No Comments

Here is a little tip I just picked up. You can test your responsive builds on actual devices using MAMP. This is new to me, and hopefully new to you!

To get this going all you need to do is install MAMP and start it up, I will not go into installing MAMP, because pretty much you just click a few things and you are up and running. My set up is just the regular MAMP, no need to go pro. From the Preferences menu select the Apache tab and point the document root towards your project.

Normally you would now just open a browser and go to localhost:8888 and be up and running with your project. But in order to get to this site from your device there is one extra step. You will need to find your IP address, on a Mac just go to the networks panel in the OS System Pretences and it should be just under the status of your connection on the first screen. With that information in hand all you have do is navigate to 192.168.0.196:8888 (where the ip matches your own) on your devices and that is it! You should be up and running.

Pulldown vs Bower, which is for you.

August 27th, 2013 No Comments

bower-logo

Recently Jack Franklin of JavaScript Playground and Tom Ashworth created Pulldown and it is pretty sweet. Now there is no better information on Pulldown vs Bower than the information in the projects README.md, I just wanted to quickly look at how you might start using one of the two today.

Both Bower and Pulldown are package managers. Meaning they allow you a quicker faster way of grabbing any dependencies you might need for a project. Rather then going to the jquery site and getting the source then coping and pasting it into a blank document and saving it from there. These two tools allow you to run simple commands and POOF, you have what you need.
(more…)