Настроение шрифта

Как шрифт влияет на настроение дизайна?
В новом видео Макс Ширко предлагает разобраться в этом на примере 8 разных шрифтов, интегрируя их в разный дизайн-стиль.

https://youtu.be/2-qwFHOjVI8

Великолепная парочка новых горячих клавиш

Не дождались понедельника, простите... Оч прикольные кнопки добавили. Отныне:

▪️Cmd (Ctrl) + Shift + S — сохраняйте и публикуйте страницу. Работает как в Zero, так и в стандартном редакторе.

▪️Shift + Control + A — выбирайте однотипные элементы. Это вы наверняка зацените отдельной эмоцией.

По традиции, видос вам в помощь.
Здесь же показано как работает Option (Alt) + W/A/S/D/V/H — позиционирование элементов относительно друг друга.

П.С. А, вот еще... В интерфейсе появилась кнопка подсказки по всем хоткеям. Ну, чтобы не запоминать весь набор.

Аминь

Новое обновление и приятный плюс в копилочку порядка от ANNEXX.

Перенос и удаление страниц.

Теперь не нужно мучиться и переносить страницы в папку по очереди или удалять страницы по одной. Достаточно выбрать что и куда перенести/удалить.

Посмотреть видеоинструкцию и пост полностью можно тут 👇
https://t.me/annexx_team/93

Boomstream x ANNEXX
Особые возможности для всех нас

Речь идет об упрощении загрузки роликов в ANX011. Конструктор видео. Мы проанализировали запросы в поддержку и нашли решение основной проблемы дорогих вас (это не реклама, простигосподи):

Яндекс — сложно взять прямой линк + глюки.
Dropbox — ограничения из-за санкций + режет трафик.
YouTube — не позволяет скрывать элементы управления.
Vimeo — дорого + блокировки по странам.
Хостинг — проще найти Атлантиду, чем разобраться в настройках.
Kinescope — сложность учета стоимости и переплата.

Отныне все просто — загрузите ролик в Boomstream (он автоматически сконвертируется в нужный mp4), возьмите ссылку и вставьте ее в Конструктор видео. Платите копейки за хостинг или вообще ничего не платите:

▪️Специальный тариф — 15 руб/мес за 1 час загруженного видео (ежемесячный лимит — 2000 часов). Это в 2 раза дешевле стандартного тарифа платформы.
Ролик может состоять из 1 минуты или из двух часов — не важно. Тарификация происходит методом суммирования общего хронометража всех файлов.

▪️Бонусный баланс 100р. после регистрации (средства доступны в течение месяца).
Иными словами, вы можете загрузить более 6,5 часов видео (любое количество файлов и любой хронометраж) и не заплатить за это ни копейки.

Здесь закинули видеоинструкцию пользования платформой.

Данные условия — результат договоренностей с видеохостингом специально для пользователей ANNEXX. Работа с Boomstream на этих условиях возможна только при регистрации по ссылке http://boomstream.com/?ref=36506 (простите за рефералку, но оно так работает).

Верим, что ваша работа с Конструктором видео станет еще воздушнее.

Аминь.

Ранний доступ к новым функциям

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

🙌 Следить за появлением новых функций можно в отдельном Telegram-канале для участников тестирования 👉https://t.me/tildaupdatesfortesters

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

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

🔓 Чтобы включить ранний доступ, в личном кабинете перейдите на вкладку «Профиль» и поставьте галочку «Хочу участвовать в тестировании новых функций». Доступно для всех пользователей, кто оплачивал любой тариф.

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

Если вы давно хотели разобраться в Швейцарской верстке, рекомендуем вот это видео — https://youtu.be/qGBwDg3oFT4

Там на примере десктопной и мобильной версии показаны все принципы построения сетки

Сервисы с бесплатными стоковыми видео

Посты с стоковыми изображениями уже были (и еще будут), а вот списка сервисов, где можно скачать бесплатно видео — не припоминаем. Исправляемся.

Pexels Videos (нужен VPN)
Pexels — популярный сервис, где обычно мы ищем изображения. Но тут также можно найти и видео в отличном качестве, бесплатные как для личного, так и для коммерческого использования.

Coverr
Много видео на разные темы. Коллекция постоянно пополняется новыми роликами, снятыми специально для этого сервиса.

Dareful
Главная страница и превью на главной долго грузятся, но потерпеть можно. На Dareful можно найти много качественных видео, которые отлично подойдут для видео-фона на сайте и различных нарезок YouTube-каналов. Очень много видео с природой. Сервис разрешает копировать и изменять видео бесплатно.

Videezy
Этот сервис — часть Eezy, источника фотографий для веб-дизайнеров. На сайте есть тысячи бесплатных видеозаписей высокого качества, из которых можно выбирать любые.

VidsPlay
Каждую неделю появляются новые бесплатные ролики. Много красивых пейзажей и съёмок с дронов.

Open Beelden
Нидерландский сайт, содержащий больше 10 000 стоковых архивных видеозаписей. Здесь можно найти ранние немые фильмы и документальные съёмки конца XIX и начала XX века. (Иногда может понадобится и такое)

Mixkit
Большая коллекция бесплатных стоковых видео, которые пригодятся почти для всего: посты в в соцсетях, видео на фон, реклама и тп. Есть раздел с качественными вертикальными записями под короткие клипы.

Бесплатные лицензии на шрифты

Основные бесплатные лицензии — SIL Open Font License, Apache, Creative Commons.

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


SIL Open Font License – свободная и открытая лицензия, разработанная SIL International, используется для многих свободных шрифтов у которых открыт исходный код. Все файлы, производные от файлов OFL, должны оставаться лицензированными в соответствии с OFL.

Она дает больше возможностей, чем другие. Шрифт можно распространять и менять. Основное правило заключается в том, что вы не можете продавать гарнитуру OFL и обязаны должным образом относиться к ее использованию.

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

В отличие от лицензии «ОФЛ» модифицированные версии можно продавать сами по себе. Например, вы сделали свой шрифт на основе шрифта «Робото». Вы можете его продавать под своей лицензией, однако вы должны дать ссылку на оригинал и на изначальную лицензию.

Creative Commons Attribution-NoDerivs 3.0 Unported 
Лицензия, которая позволяет свободно использовать шрифт как на коммерческой, так некоммерческой основе, при этом работа должна оставаться неизменной и обязательно должно указываться авторство.

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

Если вы хотите быть спокойны, что ничьи права не нарушаете, используйте шрифты с лицензией Free for commercial use без всяких приписок и сносок. Если же есть особые условия, то укажите лицензию/ автора (если это сайт).

Кстати, часто на сайтах с шрифтами и на том же behance можно встретить условия использования free for commercial или personal use. Как разобраться?

Free for personal use
Эта лицензия означает, что шрифт можно использовать только в персональных (некоммерческих) целях. Например, вы ведете душевный блог о котиках и хотите сделать баннер-приглашение на вечеринку.

Free for commercial use
Этот тип лицензии подразумевает коммерческое использование. Его можно совершенно бесплатно использовать в свих коммерческих проектах. Однако при скачивании шрифта проверьте, нет ли там особых условий.

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

Сайт или страницу можно легко проверить на наличие битых ссылок с помощью Tilda Broken Links.

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

Бесплатный сервис Tilda Broken Links поможет держать ссылки на сайте в порядке.

Давно не было #inspiration из MoT

Мы выбрали сайт, сделанный на тильде, из тех, что попали в  Made on Tilda недавно.

Стильный сайт студии дизайна интерьера, с небольшой, но уместной анимацией проектов и приятной сеткой.
https://sulinadesign.com

Если вы хотите поделиться крутым проектом, сделанным на тильде, отправляйте ссылку в комментарии

В этот понедельник стартует последний поток курса Tilda Pro в этом году ⭐

Это продвинутый курс для дизайнеров сайтов на Тильде.

🔘 Вы научитесь профессионально работать в Zero Block и сможете качественно верстать сайты со сложным уникальным дизайном.

🔘 Значительно улучшите свои навыки в UI/UX-дизайне и научитесь создавать крутые макеты сайтов с чистого листа.

🔘 Научитесь настраивать в Тильде сложную step-by-step анимацию, чтобы ваши сайты выглядели, как настоящие интерактивные истории.

А еще к концу курса вы круто усилите свое портфолио — все студенты делают 3 уникальных сайта под контролем преподавателей.

Tilda Pro начинается в понедельник, 14 ноября. Подробнее о курсе 👉 https://tilda.school/pro

- - -

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

Участие бесплатное. Начало в субботу в 16:00. Записаться можно по ссылке 👉 https://tilda.school/pro-open-lesson

Что за штука "Отвязать адаптив"?
Доступно по подписке

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

Здесь показано, для чего можно применять функцию "Отвязать адаптив" и как это работает.

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

--

П.С. Особая благодарность и привет Киме, которая заморочилась проблемой и помогла практически сформулировать задачу!

Аминь.

Упорядочить страницы в тильде и облегчить себе работу

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

Но все ли используют лейблы и комментарии?

Лейблы — теги страниц, которые видны только в Тильде. С ними легко фильтровать и выделять страницы. Использовать можно как угодно, например, как стадии работы над проектом.

Комментарии полезны для более подробных пометок, они тоже отображаются только внутри Тильды. Можно оставлять сообщение для себя, клиента или коллеги, например, написав «вот на этой странице нужно проверить адаптив».

Рисует нейросеть
Как можно использовать фишку?

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

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

На видео объединены – часть шаблона Про от Тильды, сгенерированные изображения из Midjourney и часть сказки на английском.

И полотно текста заиграло красками с помощью фэнтезийных изображений.

Один шрифт в неделю

Пробуем рубрику, в которой не просто «вот шрифт» и ссылка на него. Выбираем бесплатный для коммерческого использования шрифт и верстаем с ним несколько блоков в Тильде.

Сегодня выбор пал на Ultramono 2.0 (package 1 — free, а все семейство можно приобрести).
Этот шрифт использован во всех заголовках в примере.

Скачать шрифт

Субботний #inspiration из MoT
Мы выбрали сайт из тех, что недавно попали в подборку Made on Tilda.

Небольшой, но интересный развлекательно-обучающий проект, который помогает немного больше узнать об истории в игровой форме.

Летающие предметы истории с помощью sbs-анимации, внедренный квиз и уже знакомый всем фоновый шум
https://strangeobjects.ru/

Если вы хотите поделиться крутым проектом, сделанным на тильде, отправляйте ссылку в комментарии.

Продвинутый режим отображения страниц в личном кабинете

Новые функции личного кабинета в Тильде делают работу со страницами в проекте удобнее.

Поиск
Страницы можно искать по заголовку, адресу, лейблу или комментарию

Сортировка страниц по нужным параметрам

Массовые действия 🔥
Можно выбирать несколько страниц и действие с ними: удалить, дублировать, опубликовать или снять с публикации и перенести в папку или в другой проект.

Предложение включить продвинутый режим появится в личном кабинете при переходе в проект, где более 20 страниц.

Отключить или включить настройку можно на вкладке «Профиль» в личном кабинете. Режим работает пока только для тех у кого стоит галочка «Участвовать в тестировании новых функций».

ANX828. Transform-origin для SBS анимации
Доступно в режиме подписки

Звучит, будто у Бамблби выросли яйца... Но в жизни дизайнера невероятно полезный инструмент.

До сих пор ваша анимация рассчитывалась только от центра объекта. Отныне вы ставите координаты точки, относительно которой происходит изменение элемента.

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

Мы максимально упростили управление этим параметром — вам остается лишь задать координаты точки в процентах.

Смотрите детальную видеоинструкцию с таймкодами, там простым языком:

▪️как рассчитывается точка;
▪️как работать с модификацией;
▪️примеры.

Да пребудут с вами боги творчества.

Аминь.

Управление доступными датами в формах в Тильде

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

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

Можно отключить выбор определённых дат недели, в нашем примере — это выходные, а также запретить выбирать прошедшие или будущие даты.

Чтобы настроить нужные дни, в поле типа «Дата» нажмите «Ещё» и отметьте галочками дни, которые должны быть недоступны для выбора.

Функция работает во всех базовых блоках с формами и в Zero Block.