Адаптивная HTML верстка вертикального таймлайна

Подписаться 303 тыс.

Просмотров 33 тыс.

50% 1

Все курсы в одном комплекте: wd-m.ru/bundle
Создание сайта от А до Я: goo.gl/ankxq9
Всем привет, дорогие друзья! Это очередной выпуск рубрики "Практика верстки" и сегодня мы сверстаем симпатичный вертикальный таймлайн. Задача будет усложнена однородностью HTML кода и использованием Bootstrap Sass-примесей для позиционирования колонок и блоков.
Страница урока: webdesign-master.ru/blog/html...
ВКонтакте: jediweb
Телеграм: t.me/jediweb
Дзен: dzen.ru/jediweb

Опубликовано:

16 апр 2018

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 33

@wdm 2 месяца назад

💥 Все курсы в одном комплекте 👇👇👇 webdesign-master.ru/bundle_courses

@TheZUB95 6 лет назад

как я долго этого ждал и нигде не мог найти!!!! больше серий из этой рубрики

@user-dv8sl7xh7d 6 лет назад

Супер, жду следующих уроков:)

@user-ok8zh1lo7t 6 лет назад

Спасибо вам за урок !! как всегда на высшем уровне )))

@tonyt1266 5 лет назад

Для начинающих топ контент, остальные реально шлак выкладывают!!! Даёшь больше видосов!

@sweetprince265 6 лет назад

Даже подписался из-за этой рубрики. Сам только начинаю путь веб-разработчика и хотелось бы больше разных таких хитростей, например, те же таймлайны, только не прямой, а кривой линией(не знаю как объяснить, как дорожкой). Иногда ещё бывает, что секции не прямоугольные, например, когда секция кончается треугольником вниз и много всего такого хочется увидеть, узнать, как же правильно это всё делать. А за материал отдельное спасибо ;)

@Creativeeart 5 лет назад

Офигенно круто бро)

@shurinskiy 6 лет назад

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

@user-lr8vd1cw9s 5 лет назад

Лучший!

@StSerKlim 6 лет назад

я пока только изучаю вёрстку, но уроки Алексея всё равно смотрю с удовольствием

@user-io1ef2kk8q 6 лет назад

Алексей, подскажите пожалуйста, можно ли добавлять новые брейкпоинты в ваш media.css, и если да, то как это правильно делается, дабы не нарушить сетку бутстрапа?

@ilhomhafizov7881 5 лет назад

Здравствуйте уважаемый Алексей! Спасибо вам огромное за такие классные уроки! Алексей можете сказать, а как можно подключить js бутсрапвский? В optimized_html-4 он подключен или отдельно надо будет подключить?

@wdm 5 лет назад

Здравствуйте. Уже подключён.

@ilhomhafizov7881 5 лет назад

@@wdm спасибо вам огромное 😊

@igorigor2094 6 лет назад

Алексей , вы не планируете создать платный курс на основе дизайна Пиццириии?

@maximkoylo11 6 лет назад

Эх недавно делал похожую штуку, липил свои костыли) Большое спасибо!

@user-hj8gs3gu7u 5 лет назад

ответь, пожалуста, какой фоторедактор используешь?))

@dmmain7047 6 лет назад

Хвоста за кота ))) Спасибо за видео!!

@Independent19c 4 года назад

Алексей, помнится был пак шрифтов fonts4web очень понравился куда он пропал, я ненароком его потерял, не подскажете где, можно качнуть?На вашем сайте в файлах не нашёл.

@wdm Год назад

Здравствуйте. Посмотрите страницу урока по OptimizedHTML 4, там выложил)

@deimocmace6563 6 лет назад

Что за прога где макет просматривается?

@user-qs6ug2vx6k 6 лет назад

Adobe XD. Пи**атая программа!

@deimocmace6563 6 лет назад

Сергей Протос Спасибо, попробую, мне кажется что в ней удобнее, чем в фотошопе

@alexmicr 5 лет назад

у меня при запуске gulp появляется такое сообщение: [Browsersync] Serving files from: app [Browsersync] Couldn't open browser (if you are using BrowserSync in a headless environment, you might want to set the open option to false)

@wdm 5 лет назад

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

@Levelord92 5 лет назад

Я где-то пропустил этот момент, почему названия файлов начинаются с camelcase? ('_')

@wdm 5 лет назад

sass-lang.com/guide#topic-5

@Levelord92 5 лет назад

Я уже нагуглил, спасибо, не уверен правда как это через sass-loader работает К слову Вам спасибо что показали укороченную запись миксинов, а то @include писал