Где можно найти урок по адаптивной верстке из макета с (!) минимумом дополненительненительных технологий?

Question

[MaxRumata]

Посоветуйте пожалуйста урок (видео или статью) по верстке адаптивного сайта по PDF макету. Подойдут и с использованием bootstrap, и на голом CSS (/SASS/LESS).

Все уроки, которые нахожу используют большое количество дополнений, расширяющих возможности и ускоряющих работу, которые мне пока незнакомы. Мне же очень нужно понять процесс адаптивной верстки с самыми основными инструментами.

Мне нужно освоить адаптивную верстку в самый короткий срок, буду очень благодарен за ссылки.

Answer 1

[sim3x]

in google

https://developers.google.com/web/fundamentals/des...

Comments

[MaxRumata]

Спасибо) я имел в виду не просто синтаксис для адаптивной вертки, а урок по всему процессу верстки ИЗ МАКЕТА с учетом адаптивности. Наверное можно еще спросить так: сильно ли отличается процесс верстки из макета для адаптивных и не адаптивных сайтов, или, сверстав сайт можно добавить ему адаптивность без особенной потери времени из-за изначально не адаптивной верстки?

Answer 2

[Saberwalker]

"по верстке адаптивного сайта по PDF макету"-вы наверное имели ввиду PSD макет?

Answer 3

[Александр Булгаков]

https://www.youtube.com/watch?v=3MfxQAt49dE

Answer 4

[sazhyk]

Если вас устраивает bootstrap, то вот getbootstrap.com Я понимаю, что наверное уже заходили на офф сайт. И всё же, официальная документация это гораздо лучше, чем читать или смотреть её интерпретации. Знаний английского там надо самый-самый минимум. В край можно фоспользоваться гугл-транслейтом. На сайте есть и примеры макетов с разными задачами: responsive, fix width, fluid, sticky footer, static navbar etc. Не думаю, что есть прямо "видео по адаптивной верстке". Почитайте про @media {...}. Откройте bootstrap.css, почитайте что там написано. Откройте один из макетов с сайта в режиже просмотра исходного кода. Почитайте код страницы
А вообще, трудно вам что-либо подсказать конкретнее, не зная ваш уровень знаний html/css.

Answer 5

[Sergey Semenov]

Вот уроки очень классные, самое главное все понятно и просто, да и вообще у него там всего много. Рекомендую.

Answer 6

[Михаил Еникеев]

https://www.youtube.com/watch?v=-wcy1Bsq-Ls&list=P...