WEBIX BLOG

Creating a Rich Javascript Form with Webix UI

Only good-looking and powerful tools for interacting with users can help developers conquer the modern web. Forms are true visitor cards of your application, as the positive experience during filling them adds a lot to user loyalty. Let’s find out how many carma points you can achieve by choosing Webix Javascript form.
forms in javascript

Using Typescript Types in Webix UI Framework with Live Demo

JavaScript, as a loosely typed programming language, causes a lot of troubles to web developers. Luckily, for the big world this problem has been solved long ago with the TypeScript language that adds strict typing and classed-based OOP to JavaScript apps.

image02

With Webix you can also follow the TypeScript pattern and enjoy all the benefits of static typing from hints on methods’ usage during development to stable applications in the long run. The article below will tell you how to do it.

How to debug code and develop UI effectively with Webix UI Framework

“Debugging is like being the detective in a crime movie
where you are also the murderer”. Filipe Fortes

Want to develop Webix-based apps wisely and efficiently? Tired of red-eye nights spent by the computer screen? Still feel pain after catching that naughty untrackable bug last week?

Then it’s high time to arm yourself with technology and knowledge. Today I am going to get you acquainted with debugging tools that Webix offers right out of the box.

image11

Atom Electron and Webix UI: An Example of Building Cross-platform App

Electron is an open-source framework that allows you to develop cross-platform desktop apps using web technologies such as JavaScript, HTML and CSS.

If you’re a web developer that has an idea of an app that no one can live without, you may wish to enlarge your audience by creating a desktop version as well. But multi-platform desktop application development involves the use of many different technologies, which significantly complicates the task.

image00 <br/ >The main aim of this article is to learn how you can create cross-platform applications using Webix JavaScript Library and Electron. Besides that, we’ll use Node.js for the server-side part of our project and gulp to build project.

Real-time Web Applications with Examples by Webix UI and Firebase Tools

Firebase is a back-end service that allows you to store and synchronize data quickly. All you need to do is to focus on your data and Firebase will do the rest.

Webix, in its turn, provides a wide variety of components that you can use for building a user interface, from simple inputs to complex components, such as datatable, scheduler or spreadsheet, and even accessible UI components.

image15

Real-time firebase apps allow users to get new information as soon as it is published. There’s no need in reloading. New data appears on the screen right after the update. This functionality can be used for demonstrating real-time changes in the form of different types of charts, for example.

In this article we’ll learn the basics of building real-time web applications with Webix UI and Firebase by Google.

Online Javascript File Upload Using Webix Library

Managing form attachments, adding images to online galleries, sharing documents – there are lots of situations where online file uploader can be useful. Native HTML5 file upload can cope with all these tasks well, but it is not that spectacular, isn’t it?

If you need to visualize uploading process, show progress or smoothly drag and drop files for uploading, follow this article to learn how Webix javascript framework can solve these issues for you.

20170203_File_Upload_710x355_light

Accessible Web UI Components for Developing Applications

Web and Internet should be accessible to everyone. This self-evident concept gives rise to another important principle, which modern UI developers should bear in mind: present-day web applications should be usable by all community members regardless of their physical abilities.

If you develop with Webix, you don’t have to worry about accessibility. From version 4.0 all its UI components have been enhanced to meet the standards. The article below tells about the main accessibility hallmarks in the library.

image001

1 3 4 5 6 7 11