ДОСТУПНА НОВАЯ ВЕРСИЯ! Webix 11 Подробнее Обновления в Core, SpreadSheet, File Manager и Report Manager и многое другое

WEBIX JAVASCRIPT LIBRARY BLOG

Новости, релизы, помощь и советы по разработке web UI, новейшие тенденции и know-how практики по JavaScript программированию. Создавайте web интерфейсы быстрее и качественнее.

Подписывайтесь:

Пишите для нас: guest posts guidelines.

Редактор кода Ace для Webix UI

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

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

Использование Webix с редактором кода Ace

Эпоха динамических веб-страниц — FireBase

Firebase adapter for Webix UI

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

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

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

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

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

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

Webix 2.3: Новые виджеты, Typescript и Material Skin

Весна — время перемен и бесконечных возможностей! Этой весной новая версия Webix 2.3 тоже принесла множество полезных обновлений и новых функций.

Команда Webix усердно трудилась над созданием продвинутого функционала, а также отвечала на множество сообщений, поступающих из Webix сообщества. В версии 2.3 появились совершенно новые компоненты — Органограмма и Баркод, а также свеженький Material скин, поддержка TypeScript и другие полезные улучшения.

Material Design

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

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

Webix Material Skin

Начиная с версии 2.3, вы можете применять Material скин к своим приложениям, созданным с помощью Webix. Этот скин пока не включен в пакет с библиотекой, и его можно скачать из отдельного репозитория на github.com.

Новый Webix CRM упрощает управление вашими клиентами

*Проект приостановлен.

Недавно наша компания XB Software Ltd. выпустила собственную CRM-систему, которая практически полностью создана на основе Webix. Данная система является незаменимым инструментом для компаний, которые занимаются продажей услуг или продуктов, и при этом хотят установить долгосрочные отношения со своими клиентами.

Webix CRM имеет дружественный интерфейс, созданный на основе Material Design скина. Более того, этот продукт позволяет хранить клиентскую базу любого размера. Система хранит историю взаимодействий с заказчиком (email-переписку, телефонные звонки и т.д.), а также позволяет группировать контакты по различным категориям.

webix crm

Давайте подробнее рассмотрим многочисленные функции Webix CRM.

Анимация в Webix UI

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

Carousel, MultiView, TabView

TabView — это один из тех двух компонентов библиотеки, которые имеют встроенную анимацию. Когда вы переключаетесь между табами, смена активного таба происходит с анимацией. Для ее настройки вы можете использовать свойство animate.

Code of demo

1 30 31 32 33 34 42