WEBIX JAVASCRIPT LIBRARY BLOG

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

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

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

Skin Builder – Онлайн-инструмент для создания скинов

Отличные новости! Теперь вы можете устанавливать цвета и шрифты для веб-интерфейса по своему вкусу! Мы выпускаем новый Webix Skin Builder – онлайн-инструмент, который вы можете использовать для настройки интерфейса.

webix skin builder

Вы можете выбрать одну из восьми готовых цветовых схем в списке базовых скинов (air, compact, clouds, glamour, light, metro, terrace и web) или создать свой собственный стиль веб-приложения.

Релиз Webix версии 1.3: 6 скинов и новые UI-элементы

Команда разработчиков Webix рада объявить о релизе Webix версии 1.3, отличающейся значительными обновлениями и улучшениями. В эту версию вошли 6 новых скинов для компонентов Webix, новые UI-элементы и несколько улучшений функциональной и визуальной стороны виджетов.

Новые скины

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

6_new_skins

Интеграция со сторонними чартами

Ни для кого ни секрет, что чарт является удобным инструментом для систематизации информации и управления ей. Чарты способны представлять огромные объемы данных в простом схематичном виде. Библиотека Webix стремится следовать современным тенденциям и предлагает возможность интеграции с популярными чартами таких Javascript библиотек, как D3, Raphael and Sigma и JustGage. В то же время, у Webix есть коллекция собственных JavaScript графиков.

Инициализация чарта на странице

Вам не потребуется писать длинный код, чтобы добавить сторонний чарт в приложение Webix, поскольку компоненты Webix уже содержат все необходимое.

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

Этот специальный javascript файл подключит ваше приложение к выбранному чарту и автоматически загрузит все необходимые файлы чарта.

Интеграция с текстовыми онлайн-редакторами

Возможность размещения текстового онлайн-редактора на странице, без сомнения, нужная и полезная вещь. Библиотека Webix предлагает простое решение этой задачи, требующее лишь нескольких строк кода.
В настоящее время Webix поддерживает такие популярные редакторы, как Mercury, NicEdit, Tinymce, CodeMirror и CKEditor.

 Mercury TextEditor

Интеграция с географическими картами онлайн

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

Эта статья расскажет вам, как добавить популярные веб-карты, такие как Google, Nokia, OpenStreet и Yandex maps в приложение Webix, используя всего несколько строк кода.

Создание виджета карты

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

После загрузки необходимого файла с JS кодом, нужно подключить ссылку на него в тег вашего документа. Например, чтобы встроить в веб-страницу карту Google Map, необходимо скачать файл “googlemap.js” и подключить его с помощью строки кода ниже:

<script type="text/javascript" src="./googlemap.js"></script>

google_map

1 2 3 4