Большое обновление 2.41

Друзья, мы рады представить вам обновление 2.41, мы проделали не малую работу по оптимизации программы и ее быстрой работы.

Мы переделали движок VTC и добавили много интересных плюшек, улучшили Blueprint, исправили баги и доработали модули.

Оптимизация

Ранее чем больше становился CSS тем дольше происходил отклик при нажатии на элемент, отклик превышал более 1 секунды, что не есть хорошо. Мы исправили этот баг и максимально оптимизировали процесс, теперь отклик не превышает 300мс.

Оптимизировали и VTC, мы перешли на технологию WebGl и использовали популярную библиотеку Pixi.js что значительно ускорило рендер VTC шаблона.

Что нового?

Мы многое добавили и переделали, да так много что все не влезет в статью, поэтому мы расскажем самое интересное что появилось в Ceron.

Новая вкладка Media

Переделана вкладка Media, теперь она переехала к основным вкладкам. Добавлены свойства для типов устройств (all,screen,print) также можно вписать и свое значение, например (max-height: 1%)

Предупреждение

Появилось предупреждение о том, что программа не смогла определить какой именно нужен класс. К примеру у элемента есть 6 разных классов, вы работаете с классом .section, затем в VTC вы выбрали класс .section-header, в этот момент программа не может определить какой именно нужен класс, .section или .section-header?

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

Информация о классе

Появилась вкладка (Информация о классе) которая показывает в каких шаблонах используется класс и где используется в CASCADE.

VTC

Как мы говорили, мы оптимизировали VTC, теперь он работает шустро и без лагов, но помимо этого, мы добавили новые свойства и пару инструментов.

Прилипание к краям

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

Выделение стало заметнее

Ранее выделение слоев было не очень хорошо видно, мы решали исправить эту проблему и сделали выделение заметнее.

Вертикальная и горизонтальная линии.

Еще одно новшество, при создании слоя рисуются пересекающийся линии для удобного позиционирования, также работает и прилипание к краям.

Разделение

Если подвести курсор к раю слоя, то появляется линия для разрезания, удерживайте клавишу (S) и кликните по слою, слой будет разрезан по полам в том месте где была линия разреза.

Рассчитать отступ

Новый инструмент, рассчитать отступ между двумя слоями, как это работает? Все очень просто, вы проводите линию от одного слоя к другому, программа видит какие слои попали под линию. Затем рассчитывает отступ между ними, например отступ равен 20px, затем создает класс (.margin-bottom-20) со свойствами (margin-bottom: 20px)

Новые инструменты

  1. Обвернуть в новый слой.
  2. Выделить детей выбранных слоев
  3. Создать переменные
  4. Объединить выделенные слои в один слой

Blueprint

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

Подсказка

Добавили подсказки, перемещая подсказку также перемешаются и компоненты что внутри подсказки, чтобы создать подсказку нужно удерживать клавишу (Ctrl + левая клавиша мыши)

Новые компоненты

Build version

Создает новую версию из чисел 192767838, например нужно обновить стили на сайте, но движок гугл хром очень жестко кэширует все, для него нужно дописать в конце версию файла чтобы обновить кэш, например style.css?v2

Для этого и создан компонент Build version, сигнал на обновление версии подается на onChange

Get version

Получить текущею версию, что была создана в Build version

String shange

Проверяет данные на идентичность, если данные отличаются от тех что были в прошлый раз, то подает сигнал о изменение на onChange

Html Diff

Заменяет HTML в браузере на новый если подан сигнал в onChange, для замены используется html тег <root>…</root>

Switch

Переключатель, используется когда нужно прервать цепь.

Join и Join Reverse

Продлить цепь, обычный Join продлевает цепь дальше, Join Reverse разворачивает цепь в обратном порядке.

Ftp Sync

Загружает файлы на сервер через FTP, использует дату изменения файла чтобы загружать только измененные файлы.

Smart

Доработан режим Smart, исправлены баги, доработан режим текста, теперь распознавание текстов стало лучше.

Переделан режим (Колонки) теперь появляется сообщение сколько создать колонок, от 1 до 12.

Мы рассказали самые интересные нововведение на наш взгляд, все интересные плюшки не поместятся в статью, поэтому мы будем публиковать записи со всеми изменения более подробнее, как работает и как пользоваться.