Основы Bootstrap 3 и верстка из дизайн-макета (Полное видео) // Веб-разработчик 1.0

Запись урока для студентов курса "Веб-разработчик 1.0".
В этом видео мы изучим основы фреймворка Bootstrap 3 и начнем верстать из макета Photoshop.
----------------------------------------------------------------------------------------------------------------

Больше контента в нашей группе Вконтакте
Присоединяйтесь к нашему сообществу Discord

Мой канал в telegram "Лысый из браузера"

Еще у нас скоро стартует курс обучения. Напиши моему ассистенту:
-----------
Я использую хостинг Link Host с 2014 года

Каналы с крутыми фичами на CSS и JavaScript:

Канал с терминами для айтишников:

Канал, где публикуют ссылки на полезные сервисы и сайты:

[dimastrizhak]

Классный урок, узнал что то новое для себя. Скажу одно за нарезку картинок, можно клацать правой кнопкой на картинку, выбрать "добавить в смарт объект, потом появится в иконке слоя маленькая иконка документа с квадратиком, жмешь 2 раза на него и появляется новый документ с этой картинкой

[Камины.Строимвместе]

Спасибо! Одно из лучших видео по теме.

[Kranoselskiy]

Кстати, кто не знал - есть очень удобная программа для верстальщиков, предназначенная для работы с psd - avocode.

[ingvarrior]

Для картинок: выбираешь слой с нужной картинкой, преобразуешь в смарт объект, далее комбинация ctrl+a, ctrl+c, ctrl+n, enter, ctrl+v и сохранить для веб, и все. Не надо ничего перетаскивать вырезать и тд и тп

[Kranoselskiy]

Хм, хотя бутстрап большинство считают фреймворком, но набор готовых классов - это библиотека, фреймворк - это еще и структура проекта

[pavelarseyev]

блин, купился на наличие "Bootstrap" в названии, а оказалось, что про бутстрап здесь всего пару слов. Хотя, конечно, спасибо большое и на этом, ибо всегда приятно слышать разжеванный и относительно упорядоченный материал, чем пытаться понять логику табличек из инструкций :)
З.Ы.
Извините за некропостинг :)

[СергейМартышов-сй]

отличное видео, очень хорошо объясняет автор

[webhero]

Не понимаю, почему ты так любишь sublime text
Я не так давно перешел на Atom и это просто потрясающий редактор для кода - на данный момент самый лучший.
Удобный, лаконичный, красивый и приятный глазу, а главное, доступны все фишки и модули, что и для sublime

[Deletedeletedelete]

Спасибо за видео!

Затемнение настраиваю средствами css:
background-color: rgba(0, 0, 0, 0.60);

[ВасилийМарсель]

ну очень внятно и понятно. лайк + подписка

[innyf]

Разжевано так что, даже бы моя бабушка поняла

[jon.nur.]

20:59 праваем пра кла п кла кла кнопкой
Самый угарный момент

[ДенисМальцев-пц]

ребят можете выложить макет плз на облаке ошибка 404.

[whitemagicss]

Приветствую! Спасибо за видео! хотелось бы уточнить, какую версию фотошоп вы используете?

[ПавелХмара-вй]

Помогите пожалуйста, в моем макете в одной "колонке" несколько картинок - логотипов, под каждой картинкой есть текст, как все делаю как в уроке, но как только начинаю писать текст все картинки перепрыгивают в стогбец а не в строку, что делать?

[ddrdeveloper]

12 колонок - это по умолчанию. Можно задавать любое количество колонок, естественно наиболее кратное, к примеру, 60 колонок.

[AboveTheSalts]

ригхт, братан, я с садика так слова запоминаю, думал что я один такой

[НеизвестноНеизвестно-тй]

Извините, а разве можно присваивать классы дивам сетки, то есть дивам типа col-md-4? Технически понятно что можно, но кажется так не принято.

[NicoIaTesla]

Как называется плагин, который раскрывает выпадающий список тегов и css-правил при написании кода в редакторе ST?

[binigersbinigers]

задавать телефон, как h3 - сказать нечего