Что нового в Readymag

Собрали для вас все продуктовые обновления Readymag 2020 года в одной статье.

Анимации×4

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

Подробности здесь.

Больше инструментов аналитики на плане Creator

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

Google Search Console
Facebook Pixel
Pinterest Pixel
Yandex.Metrika
Yandex Webmaster
VK Pixel

Чтобы интегрировать трекер, воспользуйтесь виджетом Embed&Code и вставьте нужный код во вкладку Project Code: Head.

<Video> на плане Creator

Пользователям Creator стала доступна вставка видео с любых платформ (включая файловые хостинги, такие как Dropbox и Google Drive), напрямую через тег <video>.

Для чего это может быть полезно?

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

—Приватность: ограничьте настройки скачивания, чтобы защитить свой контент от воровства.

Для вставки используйте виджет Embed&Code.

Вот пример кода для видео из Dropbox: <video width=’100%’ autoplay=’true’ playsinline=’’ loop=’true’ muted=’true\’><source src=’https://www.dropbox.com/s/60b8oosh5aq0naz/outstanding white.mp4?raw=1' type=’video/mp4'></video>

Несколько обновлений в виджете Picture

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

Во-вторых, доступен режим прогрессивного рендеринга: картинка будет загружаться постепенно, вначале отображаясь в виде менее четкого превью.

В-третьих, мы сделали настройку кропа почти в два раза чувствительнее.

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

Расстояния между виджетами

Если в вашем проекте включены функции Sizes и Snap, то, передвигая виджет, вы можете увидеть расстояние в пикселях между этим и другими виджетами.

Кроме того, теперь гораздо легче стало копировать виджеты несколько раз с сохранением расстояния — просто зажмите Option/Alt и потяните.

Zoom In/Zoom Out

Приближайте и удаляйте рабочую область с помощью шорткатов Cmd + или − (Ctrl + или − для Windows). Пропорции любого виджета могут отныне быть уменьшены вплоть до одного пикселя — и по высоте, и по ширине.

Scale Layout в редакторе

Мы добавили режим Scale Layout в редактор: теперь такие проекты выглядят в редакторе точно так же, как в превью и после публикации (WISYWIG).

Горячие клавиши

Полезных шорткатов стало больше:

Cmd + click (Ctrl + click для Windows) поможет выбрать один виджет из группы.
Cmd + X (Ctrl + X для Windows) вырежет виджет и скопирует в буфер обмена — дальше его можно будет вставить с помощью Cmd + V (Ctrl + V).
Cmd + ↑ (Ctrl + ↑ для Windows) уменьшает размеры виджета по вертикали, Cmd + ↓ (Ctrl + ↓) — увеличивает.
Cmd + → (Ctrl + → для Windows) увеличивает размеры виджета по горизонтали, Cmd + ← (Ctrl + ←) — уменьшает.

(С зажатым Shift увеличение и уменьшение будет в 10 раз сильнее)

Нажатие цифровых клавиш от 1 до 9 позволяет задать прозрачность виджета с клавиатуры. Это работает для виджетов Shape, Picture и Button.

Летом вас ждут и другие обновления! Чтобы не пропустить их, следите за нашим продуктовым блогом. А если вы любите пробовать новое раньше других, станьте нашим бета-тестером.