One of the latest cool APIs of the modern web is web sockets API. It allows creating real-time apps, where users can collaborate, get notifications and data updates whenever the data is changed. This article will show how you can create a simple web chat by using Webix and web sockets API.
Web chat is a “hello world” for real-time web apps. You can grab the final code from github.
Are you looking for an easy-to-use tool for fast prototyping? Would you like to share your UI experiments in popular social nets?
Webix presents a live coding tool “Code Snippet” that allows you to code UI with Webix and see the results of your work immediately.
This tool enables you to code in JavaScript and HTML, load data in JSON and XML formats or apply 6 Webix skins to decorate your UI.
Good news! Now you are able to define custom colors and fonts for a web interface created with the Webix library. We are releasing Webix Skin Builder – online tool, which you can use for interface customization.
You may choose one of the eight predefined color schemes from the list of base skins (air, compact, clouds, glamour, light, metro, terrace and web) or create your own web app style.
HTML5 provides multiple ways of arranging elements on the page. However, while building web apps we can still face tasks that can’t be solved with pure HTML and CSS. For example, there’s a problem of mixing percent and fixed size values in the same row. Another task that exercises the developers’ minds is making columns of equal height. The CSS Grid specification looks like a promising solution to such problems, but it’s currently at the draft stage and implemented only in Internet Explorer. If you need to have a greater layout flexibility here and now – that is where Webix Layouts can help.
Modern web apps can be rather complicated. It’s not uncommon that a single page can consume data from multiple sources, part of which can be provided by third party API or by a related application that resides on some other site. And that is where a problem occurs. A page hosted on one domain can’t access data from a different domain.
For example, if you have a page hosted on //app.mydomain.com, which tries to load data from the //data.mydomain.com, the data loading will fail. Any browser blocks such kind of data loading operation for safety reasons. Moreover, a request to a different port, such as //app.mydomain.com:5000 for example, will be blocked as well. URLs pointing to the same domain but to different ports are treated as URLs pointing to different domains.
Create rich user interfaces with JS Library
