Sunday, April 20, 2014

AngularJS Tips / Progress bar on route change

If you need an effect of progressbar-like between different states of an application. Here is quick and dirty solution.

Dependencies

  • ui-router - of course you can use ngRoute, but I don't recommend so.
  • ngprogress-lite github official page - to get filling how it's works follow to the official page and look on the top of the page;

Ideal

Use something like that between states:

$rootScope.$on('$stateChangeStart', function(){
  ngProgressLite. start ();
});

$rootScope.$on('$stateChangeSuccess', function(){
  ngProgressLite.done();
});

$rootScope.$on('$stateChangeError',  function(){
  ngProgressLite.done();
});

and fetch all needed dependencies in the resolve section of the states.

Good luck.

Follow the blog to get quick tips for software development.

Sunday, April 13, 2014

Angularjs Tips / Parallax

If you need some popular effects in your angularjs page it is very easy to implement it with library called: angular-parallax Github

Install

Bower

Download

Here is source file: angular-parallax.js put it in your lib foulder

Setup

index.html

<script type='text/javascript' src='path/to/angular-parallax.js'></script>

main.js

angular.module('myApplication', ['angular-parallax']);

main.css

.background {
  background-attachment: fixed;
  background-repeat: no-repeat;
  position: relative;
}    

using

<div parallax-background parallax-ratio="0.2" class="background"></div>

or

<img parallax parallax-ratio="0.4" src="some/image.jpg" />

Links

Github

Sunday, November 24, 2013

I'll go build my own JSONIP! Or tiny web service for user geo location

Maybe it will be the most tiny web service I have ever made but not less important than others.

Goals

I often create experimental webapps and need to know approximately the position of the user even if Geolocation.getCurrentPosition() doesn't work.

Tuesday, October 29, 2013

DarlingJS / Intro to Entity-Component-System game engine / Draft

Ash

One British gentleman Richard Lord - game developer. I had first met him and had started to read his blog when I found his implementation of a particle system - it's called Flint and it has brilliant architecture. At first he used a lot of famous Patterns from the famous book of the band of four (Like Factory, Components, Strategy, State) and it was one of the best combinations of those patterns that I have ever seen.

Saturday, October 19, 2013

Git-flow vs Rebase

Do you know there is two opposite approaches to deal with git in a team? Git-Flow and Rebase lets go deeper.

Git-Flow

Friday, May 31, 2013

Creation of documentation for JavaScript library


If you are developing open source library one of most important things is documentation and it's great if it has good design. But anyway, it's better to have a badly designed documentation than none at all.
So here i'll describe of some tectonics (jsdoc, unittests, grunt) to apply documentation for your opensource project.