Мини-курс "Верстка сайта на Grid. Быстрый старт"
ПЛЕЙ-ЛИСТ
Верстка сайта на Grid. Быстрый старт. (Денис Булыга, WebForMySelf)
-
Издательство:
Автор:
ОПИСАНИЕ
Автор(ы): Денис Булыга, WebForMySelf
В этом цикле уроков будет показана верстка PSD-макета при помощи современных Web-технологий на чистом HTML и CSS без использования препроцессоров, автоматизации и других дополнительных возможностей. В целом макет является довольно простым, но на его примере будет разобрано множество современных возможностей, а именно будут использоваться такие технологии как Flexbox и CSS Grid, также для каждого активного элемента используются плавные эффекты при наведении, CSS-анимация, SVG-спрайт и доступность.
СОДЕРЖАНИЕ ПЛЕЙ-ЛИСТА
Автор: Денис Булыга, WebForMySelf
Содержание:
- Верстка сайта на Grid. Урок №1. Подготовка к верстке. (Денис Булыга, WebForMySelf)
- Верстка сайта на Grid. Урок №2. HTML-разметка для шапки сайта. (Денис Булыга, WebForMySelf)
- Верстка сайта на Grid. Урок №3. Стилизация шапки сайта. (Денис Булыга, WebForMySelf)
- Верстка сайта на Grid. Урок №4. Адаптивность шапки сайта. (Денис Булыга, WebForMySelf)
- Верстка сайта на Grid. Урок №5. Разметка для блока контента. (Денис Булыга, WebForMySelf)
- Верстка сайта на Grid. Урок №6. Стилизация блока с контентом. (Денис Булыга, WebForMySelf)
- Верстка сайта на Grid. Урок №7. Адаптивность блока с контентом. (Денис Булыга, WebForMySelf)
- Верстка сайта на Grid. Урок №8. Полная верстка блока Instagram. (Денис Булыга, WebForMySelf)
- Верстка сайта на Grid. Урок №9. Верстка подвала. (Денис Булыга, WebForMySelf)