Collab.js 0.4.0 is out


I’m glad to announce that a new version of collab.js (0.4.0) has been released today.

The build focuses on the following features:

  • Angular.js as the core client-side framework
  • Migration to Bootstrap 3.0.3
  • Upgrade of Font Awesome to version 4.0.3
  • SSL support
  • New card layout for user posts
  • Development process enhancements (configurations for JSHint, Grunt, Karma, etc)

Please refer to release notes for the full list of features and enhancements.

Card layout

With version 0.4.0 collab.js introduces card layout for user posts instead of a plain single-column list. New layout is highly responsive and automatically changes amount of columns based on available screen size. For example on large widescreen displays users may get 4 or more columns, 3 columns on tablets and single column on smartphones.

Image

click to enlarge

 

Inline comments

All comments are displayed inline and are updated every time user expands corresponding area. Every card automatically enlarges and shrinks upon comments being toggled. For large amount of entries a scrollbar is enabled:

Comments

Contextual options

Every card entry has a menu with contextual options. It gets displayed as soon as user hovers mouse cursor over the card and provides access to various options.

Context menu

As of version 0.4.0 only ‘Mute post’ action is available for end users. The list of available commands will keep expanding within upcoming versions of collab.js.

Context Menu

New ‘Login’ and ‘Sign Up’ pages

Version 0.4.0 features completely new mobile-friendly ‘Login’ and ‘Sign Up’ pages.

Login

Sign Up

Menu bar enhancements

With version 0.4.0 global sidebar element has been deprecated in favor of top menu bar that is more efficient when running collab.js on smaller screens (i.e. tablets or smartphones). Menu bar got better selection indication, access to search lists (dynamically updated dropdown menu) and enhanced settings menu:

Search Lists

Settings Menu

Misc

There was also a set of development process enhancements:

  • Grunt task runner support (used to minify CSS files, also performs minification and concatenation of JS files for production mode)
  • Custom JSHint configuration (used to share JSHint settings when using multiple platforms for testing and development)
  • Karma test runner configuration (initial configuration required to run client-side tests)

Full source code can be found here.

About these ads

2 thoughts on “Collab.js 0.4.0 is out

    • Mike, yes I plan having public Amazon instance as a live playground. In fact I’ve been using Amazon EC2 for this project since day zero, so there shouldn’t be problems creating demo website. I can ping you once it is available.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s