I have a hybrid mobile app.
The framework is vanilla Javascript (i.e. no React, Angular, Vue, etc..).
The GUI work as expected (i.e. the buttons trigger the correct functionality) but the UI is lucking.
I have a UX / UI design in place, in form of an idea and example sketches, but not in any framework (e.g. no Figma files).
I use Bootstrap inconsistently in the app, for some of the buttons and found about Material Design Bootstrap.
I see many blogs about UI design and design tools, such as Figma, Sketch, Adobe XD, etc.
In my case, I already have the UX/UI design results. (although just conceptually - not in any files).
So I'm looking for UI implementation (not design) tools / packages / approaches.
What is the best way to implement the UI?
Could I just start implementing bits and pieces of the UI?
Or should I use a specific framework/platform/mockup ?
Thanks
i would advice you implement the ui in bits as you would have better understanding about the code running your ui and how to easily connect the gui to functionality. tools like figma have features that can convert designs to html/css code buut that would require having to work on design files.
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.
I come from a Powerbuilder background and our company made a shift to .NET.
We discuss about what platform to use. .NET, Web, C#, Entity Framework for the moment but we need a "client" component solution...something a bit RAD (if there is such in web development)
We know very little apbout javascript, json etc
Having that in mind, which platform do you think is easier to develop with, KendoUI or DevExpress?
I have only seen Kendo
(we want the client thing...the whole server components matter made us stay in PB for so long)
Waiting your advices! Thanx
I may be biased here as i work for Telerik as an evangelist. Having said that i am a hard core programmer myself so this is based on my experience.
I was more of a windows platform guy for more than 5 years now and my work made me shift to this. But i had started out as a web guy almost 10 years ago. When I started to look at web as building myself back on the web around couple of years ago, I had to start understanding JQuery as that has become the default JS in my opinion. So when kendo came out - it was as if Kendo was complimenting JQuery. No new syntax or no new learning curve for me. Of course being a framework it has its own methods, properties and events that's it but no new language.
Another biggest factor with kendo is - it is completely HTML5 based and completely client side UI framework. It is one package you need for everything instead of 100s of plugins you would normally do.
Kendo UI is from Telerik - so there is a clear cut release cycles and a world class support backing it.
Here is a live example of how kendo ui can be used to build real world apps
http://www.kendouimusicstore.com/
Music Store is a famous example from Microsoft on ASP.NET MVC. The same example has been re done with Kendo UI powering the UI and WebAPIs in the backend.
Hope this provides you with some insights to your decision making.
Based on my experience, the DevExpress DXTREME offers the framework and corresponding wizards that allow you to create prototypes of the multi-channel applications (for iOS and Android) quickly.
At the same time, the Kendo UI provides more "clear" access to the used widgets' JavaScript code. But it may require additional effort with the JavaScript.
In any case, I belive you can decide only once you try to build something using both of them. It is still up to you. Good luck!
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.
Currently, I have a ASP.net 3.5 web application for which I currently am working on the UI.I have been out of touch of doing web ui's for a while.
When i last did UI related work (way back in 2007), i used the Ajax Control Toolkit - specially the extenders like MaskedEdit Extender etc for implementing a lot of the UI functionality i.e restricting the user from entering incorrect data / formatting etc.
Question 1:-
Is there a newer / better / easier way of implementing the functionality similar to the extenders provided by AjaxToolkit that someone would recommend?
Question 2
Also, my current application needs to support multiple cultures in terms of the number / date formatting. In my experience with Ajax extenders, for eg in MaskedEditExtender, I would have to specify the Mask explicitly which defeats the whole purpose of it being able to switch formats depending on the currently selected culture. Is anyone aware of the latest / greatest way in terms of controls etc that I can achieve this?
Note: I am open to lightweight 3rd party controls that could help me do this but would prefer not to touch heavycontrols like infragistics / telerik kinds mainly due to their learning curve / cost.
I currently use Devexpress in the office and at home i use jQuery. Microsoft suggest instead of using the AJAX Toolkit that you use jQuery. This seems to be the best way to go.
jQuery Toolkit for ASP.net is supposed to be quite easy but i find that jQuery UI does everything that you need it to do and doesn't have too much of a learning curve. Using jQuery is much more straightforward than neat javascript and is a useful skill in today's climate.
A combination of:
web services (asmx or mvc)
jQuery ajax
jQuery UI
Along with the plethora of jQuery plug-ins available would be my recommendation for both light weight, and a good abundance of supporting help as well as plug-ins and very active development.
IF you need a bit more you should look a the http://www.obout.com/ controls as an option.