Новая ссылка на трансляцию: https://www.youtube.com/watch?v=5gdFUdVJADY 🤨

Дайджест Craftum ✨ Тот самый релиз

6 месяцев, 18 дней и 5 часов мы работали над новой архитектурой конструктора (и не только). Что это означает? Главная ценность в том, что теперь мы сможем делать гораздо больше полезных фич и быстрее выпускать обновления.

По секрету: релиз вышел 20 февраля, и мы вместе с фокус-группой дизайнеров тестировали обновления. Некоторые из вас уже отметили моментальную загрузку редактора и более комфортную работу в нем. Спасибо за вашу поддержку и помощь ❤️

Все сайты, созданные с 20 февраля, работают на новой архитектуре. Скоро в панели управления рядом с такими проектами вы увидите специальный значок. А пока мы ждем эту доработку, уже доступны следующие обновления:

✅ Интеграция с Telegram. Можно получать заявки не только на почту и в Google Таблицы, но и в мессенджер. Подключается возможность в настройках блока, во вкладке «Форма»: выберите опцию «Подключить Telegram» и нажмите «Запустить» в открывшемся диалоге с Craftum_bot.

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

✅ Еще несколько улучшений в дизайн-блоке:

- Возможность зафиксировать дизайн-блок при скролле, если он размещен первым. Например, можно создать шапку по своему дизайну и закрепить её вверху страницы.
- Новый элемент «Форма».
- Настройка ссылок для объектов.
- Масштабирование: можно приближать и отдалять контент внутри блока.
- Обновлена библиотека пошаговой анимации. Были проблемы с event: Hover, теперь должно быть всё хорошо.

✅ Новые настройки SEO:

- Для картинок можно добавить ALT-теги. Нужно зайти в настройки блока и во вкладке Контент → Изображение добавить текст в поле «Атрибут alt».
- Добавили свойства для ссылок — «Открытие в новом окне» и Nofollow (чтобы не передавать вес странице, на которую вы ссылаетесь).

✅ У стандартных иконок можно менять цвета, раньше это работало не во всех блоках. Выполняется через настройки блока, вкладка «Дизайн».

✅ Слайдеры можно листать бесконечно. Чтобы применить опцию, включите «Зацикливание» в настройках блока, во вкладке «Дизайн».

✅ При добавлении блока «HTML-код» сам код можно писать прямо в редакторе, не обязательно переходить в настройки.

✅ Настроить добавление товара в корзину можно для любой кнопки, выбрав тип ссылки «Добавить в корзину» (Настройки → вкладка «Контент»).

✅ В блоках «Меню» можно указать ссылку для логотипа. Раньше при клике на лого всегда открывалась главная страница.

✅ Улучшили предпросмотр сайта: отображается корзина и показываются ссылки.

✅ Для иконок соцсетей добавили настройку, чтобы ссылки открывались в новой вкладке.

✅ Для блоков с видеофоном можно отдельно настроить адаптивную версию: поставить вместо видео картинку.

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

✅ В блоках footer 01, 03, 05 добавили текстовое поле. Например, в нем можно указать разработчика сайта. А иконки соцсетей теперь можно убрать, если в них нет необходимости.

✅ В настройках изображений можно включить опцию «Ленивая загрузка» (Lazy Load). Она позволяет блокировать загрузку картинок вне области просмотра. То есть изображения будут загружаться по мере того, как пользователь прокручивает страницу.

✅ Решили проблему с тем, что стоимость товаров в корзине суммировалась некорректно.

✅ Отказались от Bootstrap и перешли на грид-раскладку (CSS Grid Layout). Это позволило сделать код чище и увеличить скорость загрузки сайтов.

На сегодня всё. Дальше — больше! 🚀

Все обновления применяются для проектов, созданных с 20 февраля и далее. Остальные сайты функционируют в прежнем режиме.

Спасибо всем, кто вчера был с нами на конференции! За ваше активное участие и теплую атмосферу 🌟

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

До встречи на следующих мероприятиях!

А пока ловите суперплан на день:
➡️ Присоединиться к сообществу Dprofile
➡️ Вступить в партнерскую программу Craftum

«Есть многое, Горацио, на свете,
Что и не снилось юзерам Рунета в 23-м».

Для подтверждения этой цитаты Омара Хайяма мы решили вспомнить историю веб-разработки: от регистрации первого домена .ru 7 апреля 1994 года до нашего времени 🦕
О том, как развивались коммерческие сайты, вы узнаете в нашей новой статье на vc.ru

Лайк, подписка

Предлагаем вдохновиться не только весенней погодой (наконец-то), но и новой статьей в блоге Craftum ☀️

Собрали несколько примеров креативных сайтов-портфолио. Материал будет полезен не только дизайнерам, но и всем, кто находится в поиске идей для своих проектов.

Читать →

Дайджест Craftum ✨ Релизы 6.03 и 16.03

После крупного релиза полагается пофиксить баги и довезти то, что не доехало. Что мы и сделали 💻

Из основного:

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

✅ Добавили возможность размещать Shorts — короткие видео с Youtube. Также вернули кнопки для управления роликом при просмотре: воспроизведение, пауза и другие.

✅ Пополнили коллекцию горячих клавиш. Для быстрого форматирования текста используйте комбинации:

Ctrl+B — жирный шрифт;
Ctrl+I — курсивное начертание;
Ctrl+U — подчеркнутый текст.

Для macOS аналогично, только с клавишей Cmd.

✅ В файл robots.txt добавили параметр, который блокирует дубли страниц с GET-запросами. Что-то на сеошном 🤔

✅ Настройка ALT-тегов теперь применяется и для картинок, которые увеличиваются при клике.

✅ Исправили ситуацию, когда выпадающий список в форме не получалось открыть по нажатию на стрелку. Также список теперь отображается на iPhone.

✅ При настройке якорных ссылок не показывались превью блоков с картой — поправили.

✅ Без проблем можно поменять текстовый логотип на изображение. Ранее при закрытии настроек не сохранялись изменения.

✅ Исправили воспроизведение пошаговой анимации on Scroll.

✅ В мобильной версии значок меню и крестик снова наследуют цвета, настроенные для этого блока.

✅ Пресекли рандомное перемещение блоков по странице 🤨

И поправили еще 19 багов разной степени сложности и надоедливости. Продолжение следует!

В этой статье постарались собрать всё самое полезное, что можно было собрать. Рассказали, как сделать лендинг своими руками за 5 шагов: от анализа целевой аудитории до публикации и продвижения сайта ⭐️

Читать →

Дайджест Craftum ✨Релиз 30.03

Ловите топ-10 новинок и улучшений в конструкторе:

✅ Реализовали сохранение блоков в избранное. Это поможет держать нужные блоки в быстром доступе, а также легко копировать их с одной страницы и размещать на других.

Используйте иконку в виде звездочки, чтобы добавить блок в избранное. Найти его можно будет в списке всех блоков, в категории «Избранное».

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

Подробнее →

✅ На экранах шириной от 1200 px изображения могли пережиматься и мылиться. Сейчас на таких устройствах отображаем картинки в исходном качестве.

✅ Устранили «моргание» при переходе по якорным ссылкам.

✅ В письмах, отправляемых с форм, кириллические домены теперь отображаются понятно, а не в Punycode.

✅ Если разместить корзину в верхнем правом углу, она больше не будет прятаться за шапкой сайта.

✅ Вернули потерянные настройки для блоков из категории «Сервисы»: можно добавлять и удалять поля, а также менять галочку на крестик и наоборот.

✅ Добавили возможность размещать только один флажок в форме.

✅ В блоках «Подвал» исправили проблему со сменой текстового логотипа на изображение.

Продолжение следует ❤️

Дайджест Craftum ✨ Релиз 12.04

Дизайн-блок решил подкачаться к лету и оброс новой функциональностью:

✅ Группировка. Можно объединять несколько элементов в один и управлять им: передвигать, менять размер и так далее. Для этого выделите нужные элементы, затем в настройках блока нажмите «Сгруппировать».

✅ Горизонтальный скролл — как в Figma. Можно перемещаться по рабочей области, зажимая пробел, и выносить объекты за её пределы.

✅ Выделение объектов одной клавишей. Ну, почти. На Windows — это Ctrl+A, на macOS — Cmd+A.

✅ При перемещении объекта внутри сетки корректно вычисляются координаты и отображаются магнитные линии.

✅ Если выделить объект «Код», в сайдбаре ничего не сломается. Можно удобно переключаться между слоями и настройками.

✅ Отключили автовоспроизведение видео при работе в редакторе, а также поправили поведение слайдеров при включении зацикливания.

✅ Исправили ситуацию, когда не удавалось двигать объекты, размещенные вне рабочей области.

✅ При поиске картинки в галерее и удалении введенного запроса мог удалиться объект «Фотография» — поправили.

И ещё несколько улучшений:

⚙️ Починили: изменение высоты блоков, загрузку обложек для видео, добавление и удаление иконок на кнопках.

⚙️ Исправили ситуацию, когда в подвале не сохранялись ссылки на соцсети.

⚙️ При удалении главного изображения в блоках goods 9-12 оно автоматически заменяется следующей картинкой.

⚙️ Устранили ошибку, из-за которой создавалось несколько тегов title для одной страницы.

На сегодня всё! А следующий релиз — не за горами ☀️

Подборка на случай, если ваш любимый фотосток «всё» ⛔️

В статье вы найдете сервисы для поиска качественных картинок, иллюстраций и снимков для ваших сайтов. Смотрите подборку и дополняйте список в комментариях к посту ⬇️

Здесь могла бы быть креативная подводка, но мы еще осваиваем методики из новой статьи 🧠

Кому и зачем развивать креативность, а самое главное — как? Рассказываем в блоге Craftum!

Читать →

🆕 Отключение адаптивной версии

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

Найти переключатель можно в настройках страницы. Внимание на экран 👆

P.S. Эту идею предложил наш клиент. Вы тоже можете поучаствовать в развитии конструктора! Оставляйте свои пожелания в разделе «Есть идея» и голосуйте за имеющиеся. Возможно, в следующий релиз войдет именно ваше предложение 🪄

Настройка диапазона видимости блока 🔮

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

Чтобы магия случилась, нужно перейти в настройки блока и во вкладке «Дизайн» → «Блок» установить диапазон:

📌 От 0px до 667px — блок будет виден на телефонах
📌 От 667px до 1200px — блок будет виден на планшетах
📌 От 1200px до max — блок будет виден на компьютерах

Рассмотрим пару кейсов:

1️⃣ Предположим, вам нравится, как обложка выглядит на компьютерах и планшетах, но на телефонах фоновая картинка некрасиво обрезается. Вы можете выставить диапазон видимости этого блока от 667px до max — он будет показываться на компьютере и планшете. Затем скопируйте этот блок или создайте новый и настройте оформление специально для телефонов. Например, можно поменять картинку и размер шрифта. Далее для нового блока задайте диапазон видимости до 667px — эта версия будет отображаться на телефонах.

2️⃣ Другой пример. Вы хотите, чтобы блок с акцией был виден только на компьютерах, чтобы повысить продажи с десктопной версии. В этом случае просто отключите показ блока на других устройствах, установив диапазон видимости от 1200px до max.

Продолжаем учиться решать задачи неочевидными способами 😎

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

Читать →

Загрузка GIF-анимации 🟡

Продолжаем рубрику «вы просили — мы сделали». На этот раз добавили возможность загружать изображения в формате GIF. Вот и всё, можно пользоваться! Единственное правило: вес файла должен быть до 15 Мбайт.