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.
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.
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:
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.
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.
New ‘Login’ and ‘Sign Up’ pages
Version 0.4.0 features completely new mobile-friendly ‘Login’ and ‘Sign Up’ pages.
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:
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.