Чтобы узнать подробнее о мастер-группе или записаться, пиши кодовое слово в сообщения группы — vk.me/umsch_h
Аля Виноградова — преподаватель ЕГЭ по истории в онлайн-школе Умскул.
Обо мне:
-25 лет, преподаю 8 лет
-Закончила МГУ, исторический факультет, бюджет, с двумя красными дипломами
-85 стобальников за все время, в 2020 году больше 1000 человек сдали на 80
-2 красных диплома, прошла курс для экспертов ЕГЭ, в 2020 году сотрудничала с 10 экспертами, работала школьным учителем
Почему название элемента ассоциируется с едой? Везде еда-еда! Но не будем об этом. На самом деле hamburger menu это всего лишь обычная кнопка, которая состоит чаще всего из трех линий и чем-то отдаленно напоминает гамбургер, поэтому и такое название. В этом уроке научимся создавать гамбургер меню.
Имея сайт 90% всех владельцев ни разу не сравнивали себя с конкурентами. Ни на этапе создания, ни на этапе наполнения. Да никогда. И сидят они такие в 100 и думают. Какой поиск плохой…
А дело то в вас друзья мои. Смотреть надо сайты, страницы сайта, функционал. И перенимать лучше.
Главное понимать «Капля никотина убивает лошадь, а хомячка разрывает в клочья». Если вы маленький сайт и бороться надо с маленькими сайтами!
На каком устройстве вы смотрите данное видео? Попробуйте открыть его на разных устройствах, скорее всего блоки перестраиваются, но вы также можете взаимодействовать с интерфейсом. Все это благодаря адаптивности. В этом уроке мы начнем перестраивать шапку сайта под разные устройства.
На сайте есть множество интерактивных элементов и все они должны работать плавно, чтобы пользователь понимал, что происходит. Например переход по элементам меню должен перемещать к выбранному пункту, но это должно быть не резко. В этом уроке вы научитесь переопределять стандартное поведение ссылок и делать переход по ним плавным.
Вы ведь знаете, что сайт можно просматривать с разных устройств? Все блоки должны перестраиваться, а содержимое подстраиваться. Но что делать с картинками, если на мобильном устройстве они изменяются? Конечно можно подключать несколько вариантов и скрывать с помощью стилей, но это не лучшее решение. В видео разберем как загружать новые картинки на разных устройствах.
0:00 — Введение
0:33 — Смотрим макет первой страницы
0:59 — Почему бы просто не обрезать?
1:37 — Добавляем тег picture
2:49 — Как это работает?
3:03 — Стилизуем блок картинки
3:44 — Выводы
Видели ли вы когда-нибудь слайдеры? Это такие блоки на сайте, которые показывают не все содержимое сразу, а постепенно переключают элементы. Чаще всего это какой-то набор картинок, но могут быть и обычные блоки с текстом, при нажатии на которые они будут как-то перемещаться. В этом уроке мы подключим готовый слайдер на страницу