Проверяем внимательность 👀
Уровень: easy

Отлично! Едем дальше.
Уровень: medium

И напоследок.
Уровень: hard

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

Продолжаем улучшать и обновлять 🤓

Что изменилось?

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

Перейдите в настройки блока и во вкладке «Дизайн» → «Меню» выберите нужный вам вариант. Нагляднее на скринкасте ⤴️

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

Чтобы обновление применилось на вашем сайте, пожалуйста, переопубликуйте страницы.

✅ В настройках сайта появился раздел «SEO». В нем можно ознакомиться с инструкцией по добавлению сайта в Яндекс.Вебмастер и настроить редирект WWW для домена.

Указание метатегов title и description по-прежнему доступно в настройках страницы.

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

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

✅ В сайдбаре добавили поиск по названию шрифта.

✅ В письмах с форм обратной связи формируется ссылка на страницу, с которой была оставлена заявка 🎉

✅ В настройках сайта раздел «Главная страница» переименован в «Основные», чтобы было проще сориентироваться.

✅ В блоках «Меню» и «Подвал» убрали подчеркивание при наведении на пункты меню.

✅ В адаптиве теперь наследуются стили отступов в блоках, а также шрифт и насыщенность, которые вы настраиваете в десктопной версии.

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

✅ При настройке «Подменю» в Safari теперь всё хорошо с версткой.

✅ При нажатии на «Шестеренку» в сайдбаре больше не перекрываются другие пункты настроек.

✅ Устранили проблемы, возникающие при переключении между страницами в редакторе.

✅ В редакторе кнопка добавления нового блока больше не перекрывает развернутое подменю.

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

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

✅ При большом количестве подпунктов в закрепленном блоке «Меню» больше нет проблем со скроллом.

На сегодня всё! Как вам? Пишите нам о своих пожеланиях в комментариях или в разделе «Есть идея» ❤️

7 лучших расширений Chrome для дизайнеров

Делимся полезными расширениями, которые используем в работе 🎨

SVG Grabber

Это расширение копирует и загружает все ресурсы SVG формата и их исходный код с веб-сайта, с помощью нажатия одной кнопки.

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

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

Fontface Ninja

Если вам понравился какой-то шрифт, но вы не знаете его название, то просто нажмите на иконку расширения и наведите курсор на нужную строку — появится его название и ссылка для скачивания.

Full page screen Capture

С ним удобно делать скриншот всей страницы полностью, который можно скачать в формате PDF.

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

ColorPick Eyedropper

ColorPick Eyedropper позволяет определить цвета любых объектов на странице.

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

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

Window Resizer

Расширение Window Resizer даёт возможность тестового просмотра любых вариаций размера вашего сайта в офлайн режиме.

Loom

Программное обеспечение, которое поможет делать запись экрана в трёх режимах:

— экран + камера (актуально для тех, кто проводит видеоуроки с презентацией)

— только экран (записывает изображение экрана + голос)

— только камера (записывает только ваше изображение)

Просто установите расширение и нажмите запись.

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

Muzli

Расширение позволит окружить рабочее пространство самыми свежими тематическими новостями со всех дизайн-платформ.
___
Поделитесь реакциями на пост, если было полезно 😉