Getting started with Gulp and Sass

April 13th, 2015 49 Comments

gulp_sass

A few years ago I wrote an article on Getting started with Grunt and Sass. I wanted to write one about using Gulp and gulp-sass since gulp is starting to become more widely used.
Read more…

Access EmberJS Data from a Component

February 11th, 2015 5 Comments

emberjs

 

I am building a small EmberJS application using the Ember-CLI. In the application I have a map that I wanted to load some data to. I ended up picking an Ember Component to control the map so that I could use the didInsertElement method to make sure that my maps markup was ready to be initialized.


//Component called main-map
export default Ember.Component.extend({
	componentMap: '',
	didInsertElement: function() {
		navigator.geolocation.getCurrentPosition(position => {
			//Initialize the map
			this.populateMap();
		});
	},
        populateMap() {
            ...
        }
});

Read more…

How I bought a domain and made over 40x my money back!

January 23rd, 2015 2 Comments

SPOILER! It was a fluke. I also always wanted to write a really click baity title.

The other day I was browsing hover.com, as one does, for domains. With all the new TLD’s out there I have been getting funny ones, or ones that I think I might use in the future. And for about 15-20 bucks a year you are not really breaking the bank.

So there I was searching, and noticed that pizza.club was not taken! The obvious book.club or salad.club were take, but how could someone not take pizza.club! ADD TO CART. I wasn’t sure what I would do with it, but I had to have it.
Read more…

Creating a CSS3 3D image rotator

September 22nd, 2014 No Comments

A recent client project called for an image rotator that was essentially a 3D cube. I was pretty excited when I heard that, because I had not really had much of a chance to use any of the CSS3 3D stuff on a project yet!

Lets take a walk through the process of creating this slider!

First off, below is an example of the final product.

See the Pen CSS 3D Image Rotator by Ryan Christiani (@Rchristiani) on CodePen.


Read more…

Node and NPM no longer work after Mavericks update.

July 2nd, 2014 2 Comments

node-npm

I have had this issue a few times lately. I finally updated to Mavericks and low and behold node and npm no longer seem to work.

After updating to Mavericks, running node or the name of any npm package produced -bash: node: command not found

Here is how I went about getting it back up and running. These are a few ways I have found this that worked on all the computers I had this issue with.
Read more…