Tuesday, September 17, 2013

vegan-vs-meat-eater

Vegan vs. Meat-Eater
by RoranStronghammer.
Explore more infographics like this one on the web's largest information design community - Visually.

Friday, September 6, 2013

Few push technologies/products

Few push technologies/products
==============================================

1) kaazing -  JMS, TIBCO EMS, and IBM WebSphere MQ
    http://kaazing.com/

2) lightstreamer - java,.net, nodejs
    http://www.lightstreamer.com/

3) socket.io - nodejs
    http://socket.io/
   
4) ape(ajax push engine)
    http://www.ape-project.org/
   
5) pokein -- .Net
    http://pokein.com/Home.aspx
   
6) websync
    http://www.frozenmountain.com/products/websync/overview

7) atmosphere - java
    https://github.com/Atmosphere/atmosphere

References:
http://blog.lightstreamer.com/2012/11/real-time-apps-with-lightstreamer-gwt-and-html5.html
http://2012.java2days.com/wp-content/uploads/2012/11/Detelin-Zlatev-Mariyan-Nenchev_Realtime-Apps-with-Lightstreamer-GWT-and-HTML5_Java2Days-2012.pdf
http://blog.lightstreamer.com/2012/10/lightstreamer-goes-all-in-with-bwin.html
http://www.marketwire.com/press-release/weswit-named-cool-vendor-by-leading-analyst-firm-for-its-lightstreamer-product-1649111.htm
http://www.lightstreamer.com/nodejs

Friday, August 30, 2013

Knockout Vs Backbone.js

Knockout Vs Backbone.js
===================================

1) Both doesn't provide how application should be structured. Knockout provides bindings but It’s up to the developers to build well structured JavaScript applications beyond the models and model bindings.

2) Backbone is that it’s not a heavy-handed, prescriptive MVC framework. In truth, it fits within the MV* families, but is not MVC or MVVM or any other specific variant.  It takes ideas from a lot of these variants and provides a library of constructs that can be used when needed, without requiring the use of any of them – it’s flexible. It lets us use only a View when we want to, or only a Model when we want to. Unlike Knockout, Backbone does not directly address the model binding space. It provides plenty of hooks and open / flexibility in it’s design and implementation, though, allowing model binding to be integrated in to it.

    i) Model binding in backbone.js
    https://github.com/derickbailey/backbone.modelbinding

3) Backbone is known to have a fantastic syncing system built as close as possible to the RESTful pattern. And if this is not good for your application you can always opt to build a custom Backbone.sync or, if further granularity is required, you can customize a Model/Collection's own sync function.

Knockout.js instead does not provide such a feature, and what it offers is a simple plugin to map into/from any JSON source.


References:
=======================================================================
http://lostechies.com/derickbailey/2011/11/22/backbone-vs-knockout/
http://codeutopia.net/blog/2013/03/16/knockout-vs-backbone-vs-angular/

Saturday, August 10, 2013

CSS - Center alignment revealed ;)

Ever wondered how to center align elements using CSS?? :)
1) Horizontal center alignment:

HTML:
<div id='a'>
    <div class='h-center'>
          horizontal center
    </div>
</div>

CSS:
.h-center{
  background: red;
  margin: 0 auto;
  width:100px;
  height:100px;
}
#a {
    background: green;
    width: 200px;
    height:200px;
    position:relative;
}
OUTPUT:
















2) Horizontal & Vertical center alignment:

HTML:
-----------------------

<div id='a'>
    <div class='abs-center'>
      absolute center
    </div>
</div>



CSS:
-------------------------
.abs-center {
  background: red;
  bottom: 0;
  height: 100px;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
}
#a {
     background: green;
    width: 200px;
    height:200px;
    position:relative;
}

OUTPUT:
-------------------------------
















Further reading.
http://coding.smashingmagazine.com/2013/08/09/absolute-horizontal-vertical-centering-css/