I started to build a web application for HR Management and thought of applying Material Design concepts for interface. When I searched I found there are many frameworks for it such as
Angular Material
Materialize
Polymer
I want to select one of these material design frameworks for my project. There are couple of concerns I have about these frameworks.
What is the stability and the future maintainability of framework
How easy to customize the framework according to our new requirements and components
Do others use the framework
Which has most of the features
By considering above concerns can some one advice me what to use as the Material Design framework?
I will share my finding based on different criteria
Browser Compatibility
I) Materialize supports in all 3 browsers.
II) Polymer does not support in IE and safari
III) Angular Material its not mentioned clearly on the documentation.
Stability
I) Materialize Still under development but because it's just js and css
you will be able to keep up with it.
II) Polymer Still under development. Next versions can be entirely
different.
III) Angular Material Still under development. Next versions can be
entirely different.
Material look and feel
I) Materialize not pure material design.
II) Polymer pure material design.
III) Angular Material pure material design.
Features
I) Materialize feature less compared to other two.
II) Polymer feature rich.
III) Angular Material feature rich.
Future
I) Materialize not clear.
II) Polymer very clear because of google doing it.
III) Angular Material very clear because of google doing it.
Overall It's hard to say which is best. If not for the lack of support in IE (HR domain lots of people still use IE) my choice will be Polymer.If someone knows about Angular Material's browser compatibility please comment.
I will answer based on the concerns you have.
I don't know much about materialize, but by looking at their websites, I think I can relate it with other libraries.
I feel Polymer is much more stable than the other the other two as it is production ready with version 1.0. While the other two are still under development and their 1st version isn't even out yet.
Polymer and angular-material both are projects by google, so future maintainability will be proper. I am not so hopeful about materialize.
I have worked more on angular-material and it is much more customizable than the other two.
I don't have the statistics.
Angular-Material and polymer have much more features than materialize. Angular-material is based purely on material-design and has more material-design components than the other two. While polymer is composed of different API's (example:google API's) which can be implemented in your application very easily.
I would like to conclude by saying that if you want to use pure material-design then you should go for angular-material.
Related
I need a UI library with Angular components to display and edit state chart diagrams with data bindings, so the diagrams can be translated bidirectional between the visual diagram and the native statemachine model entities in my application. I have pored over pages of google search to no avail.
I must admit I am a newbie to Angular and my expertise is to the level of using standard components available from npmjs repository. So far, I have been comfortable using different ui components such as ngx-bootstrap, valour, etc. I do not have the competence or know-how to build new components using diagram libraries with JS/JQuery inside my angular project to realise the requirements. I would really appreciate if any UI Toolkit/Library available for this. Even reasonably priced commercial frameworks are acceptable for me.
Thanks in advance for any help.
I have already checked out free/open-source/commercial frameworks such as Telerik Kondo, SyncFusion, Ionic, JQWidgets, etc. I have pored over their documentation published for free. However, I always end up in either (a) they do not suit my needs, or (b) it involves developing this component myself. I know how it sounds, but my need is similar to needing a car; not design & build one myself. I do not have the ability to do it.
I need support for Angular 7 or 8 to be precise.
We are maintaining a web based tool (written in Play 2.x Framework) which over the years has gained a lot of different technologies used. It is a mix between regular server generated pages with old school html/javascript/html buta also som jQuery and misc components that the developer at that time liked. The more lately added stuff are more interactive and uses a REST-API and React.
Usability is pretty good but the graphical design of it is awful. In the best of worlds we would redo the entire front and make it single page and extend the REST-API fully.
however, we don't have those resources but still apply a material design to it with a dark theme.
I have previously done a makeover on a similar but smaller web tool using Material Design Lite and that was quite smooth. However, that framework from what I can see does not support a dark theme and is also discontinued in favour for the Material Components.
Any suggestion on a good alternative?
Main requirements:
Uses a dark theme
Easy to integrate with both our old and newer stuff.
If you're use React you can try Material-UI.
If not you can simply make custom theme using Material Design.
We are going to start a new project in Angular4. Now we are analysing some third part libraries. There are two candidates
1) Kendo UI
2) Devexpress
Discussing with others developers it looks like Kendo is more popular than Devexpress, but controls and component of DevExpress are more powerful.
I need to decide based on Features, Performance, complexity and support.
We have selected DevExtreme tools for Angular4 and it's going pretty good. Devextreme have lot of components which will fulfill most of the project needs and coming to performance it's good and I don't see any drawback on that.
Support is good, you may not get the solution within an hour but within 24 hours you will get response from DevExtreme team, It would be good if they have voice support which is not there currently.
Documentation, It's Good.
I understand that any components library that depends on window or document cannot be used while we pre-render an angular app.
Does this mean it is practically not possible to pre-render an app without writing our own components library and making it somehow not dependent on window? if there was an amicable way of doing it, people would have already done it, right ?
this begs the question what strategies people have followed while successfully pre-rendering an angular app and also using an external components library ? if there is no way of doing that, are people using pre-rendering without any such library in prod ?
I have gone through all the possible solutions to make angular material work with aspnetcore 2.0 pre-rendering and none of them has worked, eg: angular-ssr
Any kind of strategy advice is hugely appreciated, this makes me also wonder if pre-rendering is such a pain in angular and very important for the business side of an app, using react is a better strategy ?
I'm looking for a set of Javascript based UI components for a web app I'm building and have found that many of the best looking web apps were built with the Capuccino framework; see http://www.getflow.com/, http://www.picsengine.com/home/ and http://timetableapp.com/ for examples.
However, I'm not a Cocoa developer and have no interest in learning Objective-J. Ideally, I'd find a set of components that provide the visual end result of Capuccino apps without the underlying weight of the framework.
I have seen the Aristo jQuery UI them (http://taitems.tumblr.com/post/482577430/introducing-aristo-a-jquery-ui-theme), but jQuery UI just doesn't seem to have the depth of components available in Capuccino.
I realize this may be a long shot, but I figured it can't hurt to ask. :)
Thanks.
As another option, there is jQuery UI: nice if you are already familiar with jQuery, with the plus side of not being too heavyweight, but may not have all the components you need pre-defined. A nice thing is that it encourages to write the HTML in a way that degrades gracefully when your application in older browsers.
Maybe sproutcore is an alternative for you, although it requires you to hand-code everything in javascript from scratch. It offers most basic components and is easily adjustable to your personal design goals. Sproutcore is used in Apples Mobile Me and in some other big projects.
Another possibility might by vaadin which offers a rich set of prebuild controls and is based on Googles GWT javascript compiler. But it only makes sense if you are developing in a java environment.