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…
Getting started with Gulp and Sass
Access EmberJS Data from a Component
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() {
...
}
});
How I bought a domain and made over 40x my money back!
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
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.
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…