Андрей Мисюрев
Трюки на дом
Шрифтовые пары, CSS, инструмент для обратной связи с редактором
Шрифтовая пара
Один из способов вызвать доверие — работа с типографикой.
Используем Гугл шрифты, чтобы за 15 минут установить шрифтов пару на сайт в Тильде.
Выберите наиболее подходящую шрифтовую пару
Заходим в Google fonts
Выбираем шрифт, смотрим популярные шрифтовые пары
Добавляем пару шрифтов (+) в список и копируем адрес CSS
Заходим в настройки сайта Тильды, шрифты.
Вставляем адрес CSS шрифтовой пары и прописываем названия шрифтов.
Сохраняем и заново публикуем страницу.
Задание
Выбрать и установить шрифтовую пару
CSS-трюки
Когда нужно сделать разные штуки-дрюки, не как у всех.
Делать плавающее меню, эффекты анимации.
пример
Сизифов труд
После смерти приговорённый богами вкатывать на гору, расположенную в Тартаре, тяжёлый камень, который, едва достигнув вершины, раз за разом скатывался вниз.
Задание на дом :)
Наклонить текст
Создаем блок, который будем поворачивать
Ищем номер блока в настройках блока
Заходим в настройки страницы
Заходим в дополнительные настройки страницы
Переходим вниз к настройкам кода страницы
Вставляем код (изменить номер блока на свой).
Пример кода, который вставляем

<style>
#rec26959932 {
-ms-transform: rotate(-7deg); /* IE 9 */
-webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
transform: rotate(-7deg);
}
</style>
Задание на дом :)
Создать плавающее меню для статьи типа карточки. Инструкция
<style>
#rec26958756 .t229__maincontainer {
position: fixed;
left: 20px;
top: 20px;
background: #FFF;
padding: 25px;
width: 150px !important;
box-shadow: 2px 3px 5px #eaeaea;
z-index: 1000;
}
#rec26958756 .t229__list_item {display:block}
</style>
Redpen. io — обратная связь от редактора
All we wanted was to get feedback from our design friends. Between emailing, Dropbox, Droplr, Skype and Facebook we got our feedback. But it was scattered, it was lost, it was never clear enough.
ПРИМЕР
Вопрос
Где взять программу, которая делает скриншоты?
Ответ
Есть расширения браузера для google chrome и safari. Для остальных браузеров поищите «awesome screenshot».
Задание на дом :)
Отправить Максиму на обратную связь скриншот страницы истории
Когда возникнет вопрос
или идея проекта, — напишите
Андрей Мисюрев