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

782 ratings | 15797 views


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

Полезно? Подпишись на канал: Создание интернет-магазина от А до Я: Создание новостного сайта от А до Я: Фриланс для начинающих: Конструктор сайтов HOSTiQ: По промокоду WEBDESIGN скидка 40% на виртуальный хостинг: Страница урока: Всем привет, дорогие друзья! Это 4-й выпуск рубрики HTML Сниппеты и сегодня мы сверстаем симпатичный вертикальный таймлайн. Задача будет усложнена однородностью HTML кода и использованием Bootstrap 4 Sass-примесей для позиционирования колонок и блоков. Группа Вконтакте: Реклама на канале:

Comments to the video: HTML Сниппеты #4. Адаптивная верстка вертикального таймлайна

Nick Grey 5 months ago
Щас бы скрины оставлять в комментариях YouTube
Юрий Цайгер 6 months ago
Подскажите будто расположить готовый проект на Gulp у вас взятый, на хостинге расположить. Не могу осознать будто чрез task либо другими методами на продакшн сделать.Готов уплатить.
Юрий Цайгер 6 months ago
Спасибо огромное!
WebDesign Master 6 months ago
Levelord 6 months ago
Я где-то пропустил этот момент, отчего наименования файлов начинаются с camelcase? ('_')
Levelord 6 months ago
Я уже нагуглил, благодарю, не уверен истина будто это чрез sass-loader работает К слову Вам благодарю что проявили укороченную запись миксинов, а то @include писал
WebDesign Master 6 months ago
topic-5
Дмитрий Колодяжный 8 months ago
Почему этак не достаточно видео у Вас выходит? Хочется больше таких же увлекательных! Будут ли ещё выпуски Джедай-верстки либо дудки?
WebDesign Master 8 months ago
Выходят в свободное пора. Будут.
All Games 8 months ago
Даже подписался из-за этой рубрики. Сам лишь начинаю линия интернет-разработчика и хотелось бы больше различных таких хитростей, к примеру, те же таймлайны, лишь не ровный, а искривленный линией(не знаю будто разъяснить, будто дорожкой). Иногда ещё бывает, что секции не прямоугольные, к примеру, когда секция кончается треугольником книзу и немало итого такового охото узреть, выяснить, будто же верно это всё мастерить. А за материал отдельное благодарю ;)
Kirill Kirillov 9 months ago
Чувак, когда уже будет Джедай Верстки 8 ? ААААААААААААААААа
Камо Абрамян 9 months ago
Спасибо вам за задание !! будто вечно на высшем уровне )))
# Bugai 9 months ago
Спасибо за видео! Узнал весьма немало нового)
Владимир Горинов 9 months ago
Алексей, подскажите изволь, можно ли прибавлять новые брейкпоинты в ваш media.css, и если конечно, то будто это верно делается, чтобы не преступить сетку бутстрапа?
Сергей Юрьевич 9 months ago
Придумал будто сделать лучше, можно на odd и even повесить mixin order- (если таковой кушать), передвигать timeline-item-img
Ярослав Пажух 9 months ago
отчего col-sm-6 не становятся по 2 в одинешенек линия, а сходу товарищ под друга?
Ярослав Пажух 9 months ago
Сам сообразил, там нету враппера.row )
Павел Карпец 10 months ago
для чего float придумывали, если можно вечно использовать смешение из относительно и полностью спозиционнированных частей + вручную подогнать падинги?
AlexIT 10 months ago
Как вечно весьма информативно и понятно! Спасибо за труд!
Max Kushnarev 10 months ago
А что за клиент для git на 19:35?
WebDesign Master 10 months ago
Github Desktop
Виталий Семенов 10 months ago
Во-первых - Лайк! Алексей, благодарю за науку! Во-вторых, хватит тащить хвоста за кота. когда уже обрадуешь страну Джедаем? Ну хоть намекни.
Виталий Семенов 10 months ago
Благодарю, я наверняка собственный отпуск этак не жду, будто 8-го джедая!
WebDesign Master 10 months ago
Через пару видео, покамест готовлю материал.
ICO&Bounty 10 months ago
ребят, не запускается галп, подскажите, изволь, с чем может быть связана неувязка и будто поправить? скрин:
ICO&Bounty 10 months ago
разобрался ;)
Roman Barov 10 months ago
Здравствуйте) Я скачал по вашей ссылке файлы бутстрап с различными направляющими макетами, а растолкуйте пж можно ли соединить все размеры макетов бутстрап в одинешенек псд файл в фотошопе? чтобы было артбордами различные размеры монтажных областей с уже готовыми направляющими бутстрап? не могу отыскать таковой инфы по объединению файлов псд в одинешенек в вебе. благодарю)
13 666 10 months ago
Каким сочетанием кнопок в окне sass-файла двигаются элементы на распорядок выше ? 27:37 В саблайме кушать такое сочетание?
Валентин Хомутенко 10 months ago
выделить необходимое кол-во строк (можно мышкой, я предпочитаю CTRL+L) и SHIFT+TAB
Андрей Конограй 10 months ago
Спасибо огромное. Вроде в bootstrap 4 нету col-xs, а пункт него попросту col-. Или я чего-то пропустил?)
Андрей Конограй 10 months ago
Буду знать, благодарю)
WebDesign Master 10 months ago
Можно и этак и этак ))
ve or 10 months ago
Еба, чувак, вот это ты по таймингу Как один делаю на данный момент таковой таймлайн
Вадим Шорохов 10 months ago
41:00 - скажите, для чего делались разрывы в одну строчку перед &-img и &&:nth-child(even) что они делают?
Алекс Ка 10 months ago
Ничего, не считая того что чисто зрительно делают лучше читаемость кода. Это будто в HTML когда отбиваешь итемы товарищ от друга. Для наглядности.
Леха Ли 10 months ago
для вашего удобства просматривать код
Valeria Sukhorukova 10 months ago
Легкий диссонанс меж контентом и рекламой. Впрочем контент будто вечно катастрофически неплох.
DEIMOCMACE 10 months ago
Что за прога где макет просматривается?
DEIMOCMACE 10 months ago
Сергей Протос Спасибо, попробую, мне будто что в ней удобнее, чем в фотошопе
Сергей Протос 10 months ago
Adobe XD. Пи**атая программка!
Дмитрий Тощев 10 months ago
Хвоста за кота ))) Спасибо за видео!!
Pan Viktar 10 months ago
лайк не смотря)
Stepan Klimov 10 months ago
я покамест лишь изучаю вёрстку, однако уроки Алексея всё равно смотрю с наслаждением
Эрмек. Султанов 10 months ago
Супер, жду последующих уроков:)
Николай Малюженков 10 months ago
Большое благодарю за задание. У меня мольба, если может быть, в задание вкладывать несколько форматов дизайн макета (.xd +.psd)
Николай Малюженков 10 months ago
Ладно проехали, я и этак уже сделал ))) . Кстати расскажи будто можно сверстать такие косые, адаптивные объекты (весьма популярно на данный момент)
WebDesign Master 10 months ago
Картинки же приложил, ничего вывозить не необходимо, все размеры-характеристики видать в уроке. Зачем вам PSD макет? )))
Николай Малюженков 10 months ago
Я же написал если может быть. Я не в курсе процессов, может снутри программки кушать возможность хранить в различных форматах, однако ХД у меня дудки.
Vladimir Solomykin 10 months ago
Как ты для себя это представляешь? ))) Алексей быстренько отрисовывают задание в ХД и позже спеЦЫально посиживает и 2 часа отрисовывает этот же макет в ФШ?
Денис Липовецкий 10 months ago
8:22 Алексей не напрасно не любит цвета в верхнем регистре. Дело в том, что даже потом минификации, такие знаки весят больше. Пишите малеханькими знаками, друзья!
Карамельный ниндзя 10 months ago
Денис Липовецкий буковкы в нижнем регистре выделяются посреди чисел. Поэтому их легче узреть и прочесть.
Саша Туманов 10 months ago
Отличную рубрику выдумали. Заготовки вечно весьма сберегают пора
Maxim Koylo 10 months ago
Эх не так давно делал похожую штуку, липил свои костыли) Большое благодарю!
Vlad Zubkovskiy 10 months ago
будто я длительно этого ожидал и нигде не мог отыскать!!!! больше серий из этой рубрики
Igor Igor 10 months ago
Алексей , вы не планируете сделать платный курс на базе дизайна Пиццириии?
Александр Шипулин 10 months ago
Алексей, будто вечно супер ! Люди вам лайк трудно поставить ?
Billie Willie 10 months ago
Видео супер!