vegan-vs-meat-eater

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

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

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/

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/

Impressive presentation/site with impress.js and jmpress.js

Guys!!!!

Really i am a big fan of Adobe Flash Technology but HTML5,JS and CSS are really coming with great ideas which are enough to be proved as an alternative to Flash.

I came across these amazing libraries impress.js and jquey plugin jmpress.js n these are really cooool!!

Do check them out..

http://bartaz.github.com/impress.js

http://shama.github.com/jmpress.js/

Customizing Flex3 DateField Control

Hi all,

I was working on a project and got requirement to customize the look n feel of DateField. At first i was very confident that i will be completing this in a minute bcoz i can skin this but sooner i realized that Flex4 doesn't have DateField i have to customize the flex3 date field i.e. MX control ;).

I took little time to complete it hence uploading the same for someone else which are facing the issues i faced.

Do comment/email me if you find it useful. Below is the list of features i added.

1) Previous dates are disabled

2) Font embeded

3) Arrow button i.e. next prev button movement.

4) Separate style for Day headers & Days

5) Top header style

6) Calendar Icon on date field

7) Prompt text can be used to show date format. or any info u like.

Following Classes are there in the project -

- DateFieldDemo.mxml

- DateField.as

- DateChooser.as

- DateLeftButtonSkin.mxml

- DateRightButtonSkin.mxml

- calendarIcon.png

- dateLeftArrow.png

- dateRightArrow.png

- DateStyle.css

Click here to download the flex project files.

Download link: https://docs.google.com/open?id=0BzTWRf5mpjgYNjAwNWZhNzktNjY5Yi00MDIyLWEyZmQtYmQxNjQyMWFjNWQw

Regards,

Ashok Kumar

Pics from my cam.....