JSCatalyst tutorial: how to build a dashboard

 

About JSCatalyst

JSCatalyst is an open-source UI toolkit that supports the development and lifecycle management of high-impact full-stack JavaScript applications. The platform accelerates application development and provides both designers and developers with tools to declaratively build user interfaces that function across all types of devices and browsers.

Topics: Design Thinking

Single Page Applications: A Powerful Design Pattern for Modern Web Apps



Single page applications (SPAs) are a hot item in the technology sector. As the demand for complex apps and rich user interfaces increase, developers are repeatedly turning to the SPA design pattern. SPAs are known for their fast and seamless responses to user interaction, relative ease of building and debugging, and a straightforward transition into mobile development, since the back-end and front-end of the app are decoupled. Many users interact with this type of application everyday – Gmail, Google Docs, Facebook, Twitter, and GitHub are all SPAs.

Topics: Design Thinking

What is a Design System?


Leading tech companies in recent years have shared their design rules and conventions to the world, and one well-known example is Google’s Material Design. Just like Material Design, there are Yelp’s Styleguide, Apple’s Human Interface Guidelines, and more. Even the U.S. government has its own set of rules called the U.S. Web Design System. All of these are individually called design systems.

Topics: Design Thinking

Vue's Virtual DOM: A Fast and Powerful Mechanism

 

Vue is a lightweight easy to use framework that is lauded for its ability to quickly render and update large and complex applications. This is due in part to the virtual DOM (Document Object Model) that Vue makes use of to update the DOM only as needed and not to re-render the entire DOM every time there is an action or change.  Vue's use of a virtual DOM is not unique in the world of frameworks. Indeed, another crowd favorite, React, also uses a virtual DOM.  Virtual DOMs have become a popular way to manipulate the real DOM to minimize slowness and reduce performance issues.

Topics: Design Thinking

Integrating Complex D3 Visualizations into Vue



On a recent project, we were tasked with integrating a client's legacy D3 visualizations into our new, modernized user interface built on Vue.js. D3 is a powerful JavaScript library used for manipulating documents based on data. D3 operates on common tools - HTML, SVG, and CSS - and is therefore compatible with a variety of frameworks and architectures. Here, we discuss the pattern we used for integrating complex D3 visualizations into Vue.

Topics: Design Thinking, UI

Best Practices for UI Design


Client-side front-end frameworks have become powerful tools in recent years. Many of these frameworks have a low learning curve and are simple to install and use. Along with companion CSS/component libraries, it is easier than ever to spruce up your interface with all the bells and whistles. As tempting as that might be, a well-designed and thought-out user interface (UI) is essential to maximizing user experience.

Topics: Design Thinking, UI

News: Eikos Partners commercializes user-adopted, open source JavaScript toolkit to help sell and buy side firms build new-era technology skills and capabilities

 

Our Thoughts on Design Thinking

 

A recent article in Finextra, Design Thinking pays off for BBVApresented an interesting view on the impact of a customer-first approach to developing applications, and the level of success that can be achieved measurably in business growth. 

Integrating a UI Toolkit Into Your Application

 

Front-end user interface development is a fast-moving area of the industry, and frameworks, tools, and techniques change quickly. There are
many building blocks to consider when starting a new project and developers have a multitude of things to take into consideration including performance, scalability, integration, and the look and feel of the site, among others. We chose Vue.js for a recent project because it is light-weight and capable of handling complex single page applications. It’s also versatile, easy to use, and comes with extensive documentation.  

Philosophy around building mobile-first fintech apps

 

Building user interfaces is a non-trivial exercise. There are several considerations, yet identifying your audience, and how and what information they need or want to digest, remain critical. It drives the narrative for the UI design. Moreover, it establishes the mobile tipping point. It’s not always an all or nothing situation. While some applications are ideal for smart devices, others are too workflow or data intensive that mobile deployment makes little sense.

Top