Главное Авторские колонки Вакансии Образование
Выбор редакции:
424 0 В избр. Сохранено
Авторизуйтесь
Вход с паролем

Новый редактор сайтов TruVISIBILITY

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

Новый интерфейс

Изменения в интерфейсе нетрудно заметить, просто открыв новый редактор:

liST3dLewEVQGxUj8MYrrxvqbVJX9guy3Zm2g7-p

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

Полноэкранный режим

Пользователи планшетов и ноутбуков с небольшими экранами оценят полноэкранный режим, переход в который осуществляется нажатием нижней из двух голубых кнопок в левом верхнем углу редактора:

lDUVZ5Eo84hodYyrFKzNHLfvGblCJHLOk6SbBPI5

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

Новая палитра виджетов

Палитра виджетов теперь занимает минимум места на экране. В то же время, ей стало удобнее пользоваться, поскольку элементы стали крупнее, добавились полные названия виджетов и групп:

yWK6KkV_i4ALLo51febcZbZJopU_Ejcr3gKejDwv

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

HwAY14woxLvS-uzHEXTov2PxFv-PzuDvMCvWn6kY

Обновленные виджеты

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

pMrOjyIp6511TbrRxPS0VxXCTj9KVqvRtM2IHUYf

В разделе “Расположение” можно теперь указывать точные размеры и координаты виджета. При желании, можно указать даже угол поворота:

uQMKedPQ7wsO31Y5SdYulSQhbX6QDbE4p3ZKBMOn

Редактирование текста, кстати, теперь происходит прямо на странице, а не в отдельном диалоге:

e9hyrX88teb63NY6a3-IRK5WkT0Mi1qfdVondyzf

Галерея изображений

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

iWPqFu8qS8sg5KIi5w_5VgZeQNe3ODtKcgsKixYJ

Загруженные изображения попадают в раздел “Моя галерея”:

y1G7CmaCkmumZ9k7_OtF6mmbBRh1tZlXdvhUy0CP

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

BeKmAeqzQS54FpwzFJf0yF_q4Dnb_fhf6hbivvFE

Выравнивание элементов

В новом редакторе расширены возможности выравнивания элементов на странице. Теперь это можно делать “на лету” – при перемещении или изменении размеров виджета появляются направляющие, с помощью которых можно выровнять его положение или размер относительно других виджетов. Теперь для выравнивания не нужно вообще ничего специально делать – редактор просто помогает вам поставить виджет на правильное место:

QQuv1HCdrKiSsoyqMsB2V-kxweCCb6Bqj2wxPD5X

Традиционные инструменты выравнивания тоже никуда не делись. Они переехали с панели инструментов на контекстные меню. Если выбрать последовательно два виджета (с зажатой клавишей Shift на PC или Command на Маке), появится вот такое меню:

HOOfKSWGm1qvm17kJGNM0DnC0TbOvOxgxAhfZJv_

Если выбрать более чем два виджета, появится расширенное меню, позволяющее выровнять не только положение и размеры виджетов, но и отступы между ними:

4LXQQJ-aee5hod27piZO3Rlk__qNkaD0sNZiiLN4

Палитра

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

zRiv3yXF-cQJ07HlbnQ8HjRbiDie1Rr-FIjs-J1V

Для каждого из этих цветов вам предлагаются три оттенка, которые вы можете скорректировать по вашему усмотрению:

afqsgl7S8DmgfKjiAvWVk0yC2-uVZvJBxfVzBDmN

После этого для любого элемента вы можете выбрать цвет из получившейся палитры:

0wyjKCGjrWRP70vWJXiKcsIelsNAV2A3TVCwJpK7

Помимо цветов из палитры, можно выбрать любой произвольный цвет.

Шрифты

Помимо инструментария для управления цветами, в новом редакторе появилось также управление шрифтами. Во-первых, редактор теперь обеспечивает поддержку Google Fonts “из коробки”. Во-вторых, теперь шрифты для всех надписей и текстов на сайте можно поменять буквально в два клика. Для вашего удобства мы подобрали красивые сочетания шрифтов для основного текста и заголовков:

9q_eVHPp7rkryP8p5Knyi4ilORtNBiYvGwahZKFo

Выбрав шрифтовую схему, вы можете настроить ее под ваши потребности:

8tQ0aweYJXXeOHmh8jD8qyGjmFgiBwtiV7yJo8kA

To be continued…

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

+1
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.