23 OCT 2025 - We are back!
If you have been following us over the last few years, you will know that the last 2 months have been rough.
We website was practically not loading.
Sorry for the mess. We are back though and everything should run smoothly now. New servers. Updated domains. And new owners.
We invite you all to start uploading torrents again!

TORRENT DETAILS

Adaptiv.verstka.rant

TORRENT SUMMARY

	Status:	All the torrents in this section have been verified by our verification system
Category:	Other
Infohash	7bff9fe862ea544d440f8efb1c043531a6f7e7e3
Size:	2.3 GB in 99 files
Release Date(s):	Torrent Release: 23-04-2019 by user rutor
Swarm:	0 Seeds & 1 Peers
Vote:	No votes yet.

DESCRIPTION

Автор (режиссер): Олег Касьянов

Название: Адаптивная вёрстка на HTML5 и CSS3 (На примере создания Landing page)

Год выпуска: 2016

Жанр: Видеокурс

Язык: Русский

О видеокурсе: Современные сайты и веб-разработку уже невозможно представить без HTML5 и CSS3, как ни крути. Любой проект, любой заказчик требуют валидной, кроссбраузерной и современной вёрстки на HTML5 и СSS3, и обязятельно адаптированную под мобильные устройства. Если вы будете уметь верстать на HTML5 и CSS3 и адаптировать проект под мобильные устройства, то можно смело поднимать стоимость часа своей работы. Ну а если вы создаёте сайт для себя, то эти знания помогут сделать его лучше, функциональнее и удобнее. Как правило это оборачивается повышением позиций, увеличением посещаемости и соответственно дохода.

Вводная часть

0. Вводное видео

О курсе и как его использовать

1. HTML5. Семантическая разметка

О новых тегах: header, nav, section, aside, article и т.д.

2. HTML5. Медиа объекты

Вставка видео и аудио без дополнительных плееров + атрибуты.

3. HTML5. Формы

Работа с формами в HTML5 + новые типы полей.

4. HTML5. Другие возможности

Примеры реализации других возможностей на HTML5

5. CSS3. Новые свойства в CSS3

Линейные градиенты, раудисы, прозрачность, тени, трансформация, анимация.

Практическая часть

1. Макет и PSD исходник

Знакомство с PSD исходником и набросок будущего макета

2. Вёрстка шапки

Расчёт адпаптивных размеров и вёрстка шапки + формула расчёта EM и %

3. Вёрстка блока "Услуги"

Планирование этапа, подготовка изображений и вёрстка блока.

4. Вёрстка блока "Портфолио"

Планирование, двойные классы и вёрстка.

5. Блок "Портфолио": hover эффекты

Создание hover эффекта при наведении на элементы на CSS3.

6. Вёрстка блока "О нас"

Вёрстка хитрого блока с позиционированием и псевдо-классами.

7. Вёрстка блока "Наша команда"

Подготовка и вёрстка блока + создание CSS спрайтов

8. Вёрстка блока "Партнёры"

Вёрстка блока и вставка карусели изображений на JQuery

9. Вставка карты Яндекса

Вставка интерактивной карты Яндекса во всю ширину.

10. Вёрстка формы обратной связи

Планирование этапа, создание формы с новыми типами полей.

11. Блок с копирайтами

Вёрстка блока копирайтов, расширение CSS спрайта, вставка даты на PHP

12. Улучшение и доработка

Добавление функции плавной прокрутки к блокам и кнопки "Наверх" (3 варианта)

13. Улучшение и доработка ч.2

Валидация полей в форме обратной связи (через JS) + защита от СПАМ ботов

14. Адаптация под мобильные устройства

Адаптация под экраны планшетов и мобильников + работа с FireBug

15. Адаптация под мобильные устройства ч.2

Вторая часть видео по адаптации.

16. PHP обработчик формы

Создание скрипта-обработчика на PHP, для формы обратной связи.

17. Умная форма обратной связи

Подключение скрипта для формы обратной связи с передачей UTM меток и записью в CSV файл.

18. Перенос на хостинг и валидация

Перенос лендинга на хостинг по FTP, проверка, ускорение и установка цели в Яндекс.Метрике.

Выпущено: Россия

Продолжительность: 05:37:40

Файл

Качество: PCRec

Формат: MP4 (+ доп.материалы)

Видео: AVC, 1280x720, ~741 Kbps, 30.0 fps

Аудио: AAC, 126 Kbps, 2 ch, 44.1 KHz

VISITOR COMMENTS (0

)

FILE LIST

Filename		Size
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/assets/lightbg.jpg	10.4 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/assets/style.css	1.5 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/aa-- - копия (20).html	18.4 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/aa-- - копия.html	18.4 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/active.html	21.6 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/after-after.html	23.5 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/attr.html	23.3 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/background-attachment.html	24 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/background-clip.html	23.9 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/background-color.html	22.7 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/background-image.html	26.1 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/background-origin.html	24.3 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/background-position.html	25.9 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/background-repeat.html	26.6 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/background-size.html	23.1 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/background.html	25.8 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/before-before.html	23.2 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/border-collapse.html	24.8 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/border-color.html	24.2 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/border-image.html	28.2 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/border-radius.html	25.1 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/border-spacing.html	22.9 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/border-style.html	28.4 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/border.html	25.2 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/border_style.png	854 B
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/box-shadow.html	26.4 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/box-sizing.html	25 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/calc.html	22 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/caption-side.html	24.2 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/charset.html	22.1 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/checked.html	22.3 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/clear.html	24.3 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/clip.html	23.8 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/color.html	22 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/column-count.html	22.4 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/column-gap.html	22.9 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/column-rule.html	23.3 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/column-width.html	23.2 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/columns.html	21.3 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/content.html	25.4 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/counter-increment.html	25.2 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/counter-reset.html	23.4 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/[email protected]	10.2 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_active.png	9.5 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_after.png	11.5 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_background-clip_1.png	2.3 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_background-clip_2.png	2.7 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_background-clip_3.png	2.1 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_background-color.png	10.8 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_background-image1.png	9.9 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_background-image2.png	8 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_background-origin_1.png	10.5 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_background-origin_2.png	7.4 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_background-origin_3.png	10.5 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_background-repeat_1.png	11.6 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_background-repeat_2.png	424 B
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_background.png	14.1 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_before.png	8.2 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_border-collapse_1a.png	398 B
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_border-collapse_1b.png	381 B
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_border-collapse_2.png	9.5 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_border-color.png	11.2 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_border-image-1.png	2.2 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_border-image-2.png	3.6 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_border-image-3a.png	4.1 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_border-image-3b.png	2.5 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_border-image-3c.png	4.7 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_border-image-4.png	15.7 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_border-radius_1.png	3.8 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_border-radius_2.png	12.3 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_border-spacing.png	8.2 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_border-style.png	9.3 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_border.png	10.8 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_box-shadow.png	8.9 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_box-sizing.png	8.1 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_caption-side.png	10.5 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_checked.png	11 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_clear.png	12.9 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_clip_1.png	2.8 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_clip_2.png	10.9 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_color.png	11.5 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_content.png	8.2 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_counter-increment.png	11.5 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_counter-reset.png	9 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_cursor.png	8.9 KB
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_cursor_crosshair.png	154 B
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_cursor_default.png	196 B
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_cursor_eresize.png	178 B
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_cursor_help.png	223 B
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_cursor_move.png	197 B
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_cursor_neresize.png	199 B
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_cursor_nresize.png	174 B
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_cursor_nwresize.png	196 B
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_cursor_pointer.png	204 B
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_cursor_progress.png	233 B
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_cursor_seresize.png	199 B
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_cursor_sresize.png	179 B
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/bonus/html-css-spravochnik/css/css_cursor_swresize.png	201 B
	Касьянов - Адаптивная вёрстка на HTML5 и CSS3 (2016)/video/lp02/lp02.mp4	190.5 MB

RELATED DOWNLOADS

Torrent Name

Added

Size

Seeds

Peers

Uploader

Health