WEBIX BLOG

Webix был обновлен до версии 1.8, которая включает в себя приятные бонусы для наших пользователей. Одни из них — это техники построения адаптивных приложений. В Webix 1.8 был также улучшен пользовательский интерфейс и исправлены некоторые ошибки.

Адаптивные веб-приложения

Ранее, при разработке десктопных веб-приложений с Webix, существовала проблема адаптации этих приложений для мобильных устройств. Десктопные приложения были слишком большими, для того чтобы уместиться на небольшом экране, и при этом выглядеть привлекательно.

В Webix 1.8 мы добавили 2 новые возможности, которые сделают ваше приложение адаптивным и улучшат его юзабилити как на десктопных, так и на мобильных устройствах.

Для более подробного изучения новой функциональности библиотеки предлагаем вам рассмотреть адаптивное веб-приложение, созданное при помощи Webix.

Вот как выглядит десктопное веб-приложение:

При уменьшении окна браузера вкладки компонента Tabbar, которые не вместились в видимую часть экрана, преобразуются в обычную кнопку, к которой прикреплен компонент popup list (вместо кнопки может быть вкладка таббара).

Мы рады объявить о выпуске Webix 1.7 с новым дефолтным скином, поддержкой выбора нескольких элементов на тач-устройствах и улучшенным пользовательским интерфейсом. В новой версии были исправлены некоторые ошибки.

Новый скин эффективно работает как на десктопных, так и на мобильных устройствах. Он выполнен во flat-дизайне, благодаря которому ваши веб-приложения будут стильными и удобными в использовании.

JavaScript-библиотека пользовательских компонентов Webix позволяет переопределить внешний вид многих элементов путем использования темплейтов. Например, во view:»tree» мы можем задать внешний вид элемента при помощи следующего темплейта:

Здесь вы можете видеть два главных компонента темплейтов Webix: вспомогательные средства и плейсхолдеры свойств. Вспомогательные средства — это предопределенные составляющие логики, которые отрисовывают некоторые общие элементы (иконка дерева в вышеприведенном примере). Плейсхолдеры свойств — это маркеры, которые будут заменены данными из связанного с ними объекта данных.

Сегодня мы рады сообщить о выпуске новой версии Webix 1.6, компоненты которой корректно работают на тач-устройствах Windows 8, а также поддерживают операции drag-and-drop на любых видах тач-устройств. Кроме того, версия 1.6 включает улучшение пользовательского интерфейса и усовершенствование интеграции с сервером.

Windows 8

После улучшения работы библиотеки на мобильных устройствах iOS и Android мы перешли к усовершенствованию поддержки Windows 8 тач-устройств компонентами Webix.

Современному менеджеру проектов необходим быстрый и удобный в использовании инструмент, который позволил бы ему управлять проектами: добавлять новые задания, устанавливать сроки для них, создавать различные отношения между установленными задачами и т.д.
Обновление от 8 октября, 2020

С выходом версии Webix 8.0, стал доступен собственный JavaScript Gantt Chart компонент. Теперь пользователи Webix могут использовать оригинальный Webix Gantt. Этот компонент создан по всем канонам Webix framework и предназначен для интеграции в любые бизнес-приложения, независимо от их архитектуры и системной платформы.

Если вы хотите добавить в ваше приложение JavaScript-чарты, обладающие основными функциями Pivot Table, для этого вы можете использовать Webix Pivot Chart. Этот многофункциональный компонент представляет ряды данных, категории и оси диаграмм, так же, как и виджет Charts JS, и, кроме того, обеспечивает вас интерактивными контролами фильтрования для быстрого анализа набора данных.

Все рабочие процессы связаны с разработкой планов и их выполнением. Для того, чтобы организовать события и деловые встречи, а также для управления и отслеживания текущих задач, менеджеры могут использовать интерактивный dhtmlxScheduler.

dhtmlxScheduler — это многофункциональный календарь событий, который позволяет добавлять в веб-приложение планировщик, подобный тому, который используется в Google. Он может создавать события, показывать расписание на день, неделю или месяц, отображать местоположение, связанное с событием календаря, а также отображать повторяющиеся действия.

Отличная новость! Вы можете легко использовать Webix с вышеуказанным планировщиком. Такая интеграция наделит ваши веб-приложения многочисленными свойствами Scheduler в дополнение к замечательным функциям Webix.

Более того, вам не нужно писать огромное количество кода, для того, чтобы добавить Scheduler в приложение Webix. Scheduler можно использовать как любой другой компонент Webix.

Одной из основных особенностей Webix является способность работать корректно как на десктопных, так и на мобильных устройствах. Это означает, что вы можете разработать одно веб-приложение, которое будет поддерживать многочисленные платформы.

Мы постоянно совершенствуем вышеописанную функциональность. Благодаря усилиям нашей команды профессионалов, начиная с версии 1.5, мобильные веб-приложения Webix выглядят и работают на тач-устройствах еще лучше. Чтобы оценить эти положительные изменения, посмотрите это демо с новым скином на вашем мобильном устройстве.

Одним из новейших и действительно классных API в настоящее время является WebSockets API. Данный интерфейс позволяет создавать приложения, работающие в режиме реального времени, где пользователи могут совместно работать, получать уведомления и обновления данных, всякий раз, когда данные изменяются. Данная статья призвана показать вам как можно создать простой веб-чат, используя Webix и WebSockets API.

Веб-чат — простейшее среди приложений, работающих в режиме реального времени. Вы можете взять исходный код на github.

Вы ищете удобный инструмент для быстрого прототипирования? Хотели бы поделиться в популярных социальных сетях своим опытом создания пользовательского интерфейса?

Webix представляет вашему вниманию онлайн редактор кода “Code Snippet”, который позволяет создавать прототип приложения с использованием Webix и мгновенно отображать результаты вашей работы в правой части экрана.

Кроме того, данный инструмент позволяет писать код на JavaScript и HTML, загружать данные в форматах JSON и XML, а также использовать 6 новых скинов Webix, чтобы сделать интерфейс приложения более красочным.

Если во время написания кода вы сделаете ошибку, Code Snippet покажет вам предупредительное сообщение.

Используя встроенную кнопку “Share”, вы можете поделиться результатами работы в социальных сетях. Помимо этого, для создания интерфейса приложения вы можете использовать готовые наборы данных, которые находятся в опциях инструмента.

Вы также можете использовать редактор кода «Code Snippet», если у вас возникнут вопросы к службе поддержки Webix. Просто пришлите нам ссылку на страницу с вашим кодом.