Адаптация сайта ?!

Ни для кого не секрет, что сейчас вышло столько девайсов на которых можно заходить в интернет, что голова идет кругом. На днях видел новость, в которой говорилось о том, что можно будет входить в интернет с кухонной плиты варя борщ...
Так вот.. Столкнулся с таким выбором, под что лучше адаптировать сайт? Лучше под размер экрана или разрешения расширения девайса? Ведь прикол в том, что даже мой мини дрон у которого размер экрана 3 дюйма открывает любую адаптивную верстку как полноценный сайт...

Какие Вы используете ресурсы для проверки адаптации сайта?
И какие Вы используете сетки или фреймы для создания полноценного адаптированного шаблона? Я например использую bootstrap 2.3.2, но он мне не нравиться в плане оформления и там очень тяжело перебивать стили, что приходится переписывать и т.п.

 

Ну хз, у меня нет аналитического отдела, чтобы решать под экран или разрешение адаптировать. Если смотреть ваш пример, то лучше под экран, конечно. НО. Меня, например, абсолютно не устраивает функционал многих сайтов, когда они "складываются" под экран смартфона. И я переключаюсь на стандартную версию. Тут уже от сайта зависит.

Недавно начал использовать bootstrap 3.0. Там адаптивность заложена изначально. По-моему, очень удобная штука.

 

Удобно. Только здесь скрипты везде задействованы, я же делаю это без скриптов(с минималом) и при помощи @media, так же использую SASS. Только вот не получается качественно это все сделать пока что, думал может уже есть люди, которые могут поделится опытом адаптации мод различные устройства или как лучше это сделать, чтобы код не сильно увеличивать...
Знаю, что можно каждый стиль, под каждое расширение сделать, но это бред...

 

ваапще надо смотреть что за брайзер и разрешение

 

Как по мне стоит просто один раз попробовать foundation 3 и желание пользоваться bootstrap отпадет. но я вообще впечатлительный))

 

У меня желание пользоваться бустрапом отпало с первого нашего знакомства, только прикол в том, что большая часть сайтов именно на нем(( И даже платные шаблоны используют бустрап, так что выбора особо не было..
А о foundation 3 уже читаю) На хабре очень хорошо отзываются. Думаю, что на нем и остановлюсь, но посмотрим еще).

 

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

 

Так я не понял. А что конкретно не устраивает в bootstrap?

 

В начале мне тоже не нравился бустрап , много лишнего просто пришел к выводу легче самому писать , но как то раз решил попробовать заверстать 1 сайта на бустрап в начале привыкал тяжело но сейчас на нем тока и верстаю ) плюсы для меня быстрота , удобство , меньше когда самому писать ), мобильные версии через @media так же меньше когда ну и легко разворачивать сайты на всю ширину браузера

 

А я все же отошел от бустрапа. Перешел на http://foundation.zurb.com/ Все просто и понятно. + дизайн в стиле Windows 8, что особо не привычно )
И да, там стилей меньше и скрипты быстрее работают.
+ Классы логичнее названы.

 

bootstrap отичная тема, можно кастомно настроить все что тебе нужно и скачать сгенерированный архив, перебивать много не надо

 

Интересная тема эти все CSS Framework'и, никогда их не использовал и вообщем то про них ничего незнал, только сейчас прочитав эту тему понял вообще для чего они нужны )) Пишут что этот тоже неплохой фреймворк http://www.yaml.de/ почитал документацию... на первый взгляд все просто и понятно.

Нужно будет попробовать следующий сайт заверстать, только вот как себя заставить начать использовать фреймворк? ))
Действительно ли экономит время?
Свои стили потом не будут конфликтовать с фреймворковскими?
Поделитесь своим опытом...