#9 | Сетка Bootstrap для Photoshop, 960 Grid system



https://i.ytimg.com/vi/TsY7X4YQAUc/hqdefault.jpg



960 Grid system, Сетка Bootstrap для Photoshop. В этом видео я раскажу зачем нужна сетка bootstrap для создания макета сайта. Мы поговорим про 960 Grid System для Photoshop. Покажу как пользоваться 960 grid system и как установить 960 grid system. Что такое 960 grid system и для чего нужна эта система? В файле *.psd в Photoshop можно создавать макет в 12 столбцов, 16 столбцов и 24 столбца, а при верстке на Bootstrap это упростит перенос макета на сайт из файла psd. На сайте 960.gs мы скачаем данный файл psd и разберемся на практике как им пользоваться.

ITDoctor. Канал ITDoctor направлен на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, Java Script, MySQL, Препроцессоры (SASS, LESS, Stylus), Редакторы, Adobe Photoshop, Bootstrap, Gulp, CMS WordPress, Git Hub + Git, Open Server и много практической верстки на реальных примерах и создание сайтов своими силами.

✔Советую посмотреть:
Hover.css, Анимация кнопки, Эффекты: https://youtu.be/dQ0nAcj76yk
Css triangle generator: https://youtu.be/7×7-1_ui6Is
Page speed Insights: https://youtu.be/BBOmcNyaBQE
960 Grid System: https://960.gs/

✔Ссылки:
ВК: https://vk.com/itdoctorstudio
Instagram: https://instagram.com/ismail_asanovich/
Telegram: https://t.me/itdoctorr
GitHub: https://github.com/morphIsmail
Twitter: https://twitter.com/ITDoctor_morph

Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео.
✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1

◄ Предыдущее видео: https://www.youtube.com/watch?v=eVgPfIL3VaU&list=PLuY6eeDuleINwXopVMV34_gWKV0yESNwJ&index=8
► Следующее видео: https://www.youtube.com/watch?v=dQ0nAcj76yk&index=10&list=PLuY6eeDuleINwXopVMV34_gWKV0yESNwJ

✔Для поддержки развития канала:
Сбербанк VISA: 4274 3200 3233 1582
Yandex: 410011260821995 – https://yasobe.ru/na/itdoctor

Original source


One response to “#9 | Сетка Bootstrap для Photoshop, 960 Grid system”

  1. Спасибо Вам! Отличный и познавательный урок! Может мой вопрос будет немного не по теме, можно ли у Вас попросить ссылку, или уточнить детали, где правильно скачать Photoshop? Сколько раз его скачивал (в меру своего малого опыта в вёрстке), постоянно выдаёт мне одни ошибки в работе. То шрифты не те, то их нет… и прочее. Помогите пожалуйста(если это возможно, и Вас не затруднит). Заранее спасибо Вам за Ваш ответ!

Leave a Reply