Адаптивный дизайн и Google

Где то здесь https://developers.google.com/web/fundamentals/ посмотрите.

Спасибо, почитаю.

Давно бросил заниматься фигней. Есть готовые решения (напр. шаблоны СМS) с адапривным дизайном - из используйте и ОК. А то блин они там еще чего подкрутят в своих требованиях вам опять придется менять весь сайт начиная с 0.

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

на данный момент изучаем с поим программистом вариант адаптации моего проекта.

Предложил сделать "резинку" - когда дизайн показывается исходя из размеров экрана.

при мобильном просмотре - сайт просто сжимается все блоки сжимаются в стобец

Я как-то так делал. Коротко и "сердито": /ru/forum/comment/13289532 :)

ставим везде вьюпорт height=device-height без зума

и далее все делаем через css media queries.

(Если используется яваскрипт, тоже вычисляем размер вьюпорта, размеры пикселя, берем в учет зум, но это очень тяжело адаптировать под различные браузеры, учитывая что с зумом совсем по разному)

адаптируем css дизайн для сверхбольших разрешений > full hd (1366), для full HD(1980)

для 1200, 1100, 1000(гугл), для ширины в 800, 640 пикселей (тут не забываем за ширину правого скролла) и 320(гугл) соответственно

от 10 до 100 изменений в css делается элементарно

И как гугл индексирует, и как сайт ранжируется в мобильном поиске? Интересны сейчас именно CSS фреймворки, чтобы не придумывать велосипед, просто уже готовые функции подрубать, вот и думаю, как гугл будет относиться к этим фреймворкам?

Ну так там ровно три строчки. Мета тег и пару стилей. По тестам Гугла все вполне ничего:

А по индексации еще рано говорить.

У мня пишет Awesome! This page is mobile-friendly. (PageSpeed Insights 99 / 100 Удобство для пользователей)

Прописал везде вьюпорт и сделал резину, но только в минимальную сторону.