Лучшие статьи и кейсы стартапов
Включить уведомления
Дадим сигнал, когда появится
что-то суперстоящее.
Спасибо, не надо
Вопросы Проекты Вакансии
создание и продвижение сайтов
Рекомендуем
Продвинуть свой проект
Лучшие проекты за неделю
29
Эбиа

Эбиа

www.ebia.ru

16
Enlite

Enlite

enlited.ru

16
Amarket

Amarket

amarket.io

15
likearea

likearea

smm.li

14
Relap

Relap

relap.io

12
RockinRobin

RockinRobin

www.rockinrobin.co

12
E-Commerce and Venture projects

E-Commerce and Venture projects

Продажа товаров от производителей оптом и в розницу

11
Perezvoni.com

Perezvoni.com

perezvoni.com

11
Cookiezz

Cookiezz

cookiezz.com.ua

Показать следующие
Рейтинг проектов
Подписывайтесь на Спарк во ВКонтакте

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

306 0 В избранное Сохранено
Авторизуйтесь
Вход с паролем
У нас отличные новости! Мы обновили один из ключевых компонентов платформы 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
Добавить в избранное Сохранено
Авторизуйтесь
Вход с паролем
Комментариев еще не оставлено
Выбрать файл
Читайте далее
Загружаем…
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать