WEBIX JAVASCRIPT LIBRARY BLOG

Сразу после релиза Webix 2.5 мы обновили наш онлайн инструмент для веб-разработки Webix Skin Builder. С последним обновлением он обзавелся встроенным Material скином, а также стал еще более удобным в использовании.

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

Material Skin

Когда мы впервые анонсировали возможность использования Material Skin в приложении, написанном на Webix, этот скин еще не был включен в пакет библиотеки. Чтобы его скачать, нужно было перейти в специальный репозиторий на github.com. Теперь скин доступен прямо из нашего инструмента Skin Builder.

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

Мы рады сообщить вам о нашем небольшом, но весьма эффектном обновлении Webix — версия 2.5! Этот релиз принес следующие изменения: поддержка нового дефолтного браузера Windows 10 Microsoft Edge, улучшения существующих Kanban и Pivot виджетов, а также добавления новых функциональностей в компоненте Calendar. Конечно, как всегда новая версия включает в себя исправления багов и мелкие UI обновления.

Если у вас совсем нет времени на прочтение поста, вы можете скачать новую версию прямо сейчас по этой ссылке.

Поддержка Microsoft Edge

Итак, теперь все виджеты Webix отлично работают в новом браузере Microsoft Edge. Это значит, что приложения, созданные при помощи нашей библиотеки, будут поддерживать Edge на 100%

У нас отличные новости для вас! Библиотека Webix была обновлена до версии 2.4, в которую вошли такие улучшения, как новый виджет Portlet и контролы формы MultiCombo и RangeSlider. И это далеко не полный список всех изменений.

Виджет Portlet

Portlet— это layout компонент, с помощью которого вы можете интуитивно создавать макеты портала. Более того, портлеты легко менять местами путем перетаскивания в нужное место место вашей страницы.

Итак, вам не придется писать тонны кода для изменения расположения элементов на странице. Все, что вам нужно будет сделать — это потянуть портлет с встроенным виджетом за специальный хэндлер и переместить его на одно из возможных мест “посадки”, которые будут выделены цветом. Хотите посмотреть, как это работает? Вам поможет это демо.

Ace — это удобный JavaScript редактор кода. Он сочетает в себе функции и возможности таких популярных редакторов, как Sublime, Vim и TextMate. Cloud9 IDE использует Ace в качестве основного редактора. Кроме того, Ace является преемником проекта Mozilla Skywriter (Bespin).

Теперь Ace можно использовать с Webix.

TL; DR Готовый пакет можно скачать с https://github.com/webix-hub/webix-firebase

Динамический веб

Еще не так давно создаваемые приложения были флегматичными и неторопливыми. Для обновления даже небольшой части данных нужно было перезагружать всю страницу. AJAX лишь немного улучшил ситуацию. Вместо перезагрузки всей страницы появилась возможность обновлять отдельные блоки. Не успели мы привыкнуть к этой технике, как произошла новая трансформация веба. Именуется она динамическим вебом, где контент страниц обновляется автоматически.

Элементы динамического веба сегодня можно увидеть на страницах Facebook или Twitter. Данные на них изменяются без нашего участия. Как только кто-то добавил комментарий или ретвитнул запись, изменения тут же отображаются на странице.

Динамический веб имеет в своей основе несколько технологий. Самой важной из них являются веб-сокеты (WebSockets).

При всей своей красоте, веб-сокеты — это низкоуровневая абстракция, требующая написания довольно большого кода даже для простых действий. К счастью, мы можем воспользоваться преимуществами динамических обновлений, не вникая глубоко в детали синхронизации данных. Существует несколько отличных решений, созданных веб-энтузиастами. Они позволяют создавать отличные динамические приложения без особых трудностей.