Posts Tagged ‘Javascript’

ES6/ES2015 Easy Wins

June 24th, 2015 3 Comments

js-logo

The newest iteration of the Javascript language is just around the corner. As of June 2015 the spec for ES6/ES2015 has been approved. Because of that there will be a lot of new features and syntax coming to a browser near you!

Lets break down some of the Easy Wins from the new version. When I say Easy Wins I mean things that do not require a large amount of research to start working with. For example we will not be talking about Generators or Spread Operators, I think those require a more in depth post.

Some of the things thing we will go over are:

  • let
  • const
  • Template Strings
  • Classes
  • Arrow Functions
  • Promises

(more…)

Using Ember CLI and working with Ember Data fixtures

April 29th, 2015 16 Comments

Ember CLI is pretty much the defacto way to work with Ember these days. It makes creating new elements of an application extremely easy. Lately I have been working on using Ember Data so I wanted to do a little write-up on how to use Ember Data fixtures. Fixtures are a great way to start working on your application before you have an API to work with. It is also a great way to determine what your API’s data should look like.
(more…)

Getting started with Gulp and Sass

April 13th, 2015 42 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.
(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() {
            ...
        }
});

(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.


(more…)