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