CSS @media вопрос о подключении стилей и их распределенной загрузке

C
На сайте с 04.02.2005
Offline
291
#41

при верстке 1024 я проверяю во всех браузерах, в том числе ИЕ

при верстке 480 я проверяю во всех, кроме ИЕ

но под 480 это не адаптивная верстка.

Все это Кроссбраузерная верстка

А вот дизайнер делает адаптивные дизайны

И уже в стилях, в том числе и скриптах указываем нужный device-width

Но это разные вещи... Очень похожи в действиях, но разные.

melkozaur
На сайте с 06.04.2010
Offline
536
#42
miiini:
Для того чтобы адаптивность работала, она должна быть кроссбраузерной.

Для того чтобы адаптивность работала, она должна быть многоязычной.

miiini:
Я занимаюсь версткой уже 7 лет.

В данном случае звучит смешно.

SeVlad
На сайте с 03.11.2008
Offline
1609
#43
miiini:
Это реальность, статистика так говорит

Я уже говорил - твоя статистка не даёт тебе полной картины.

По остальному - у меня бисер закончился, вышивать одно и тоже. Удаляюсь.

---------- Добавлено 06.08.2013 в 15:14 ----------

Ayavryk:
Для этого есть JS. Его все равно в адаптивных сайтах юзают по полной.

И что ты хотел этим сказать? Что на гисметео его нет?

Или что определить яваскриптом разрешение экрана и отредиректить!!!! мобильного юзера на другой сайт(!!!) правильней\дешевле\надёжней\менее_ресурсоёмкей\быстрее\етс, нежели подсунуть другой CSS?

Ayavryk, явшоке.. Ты же девелопер.. :(

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

Ещё больше расстраиваешь.. 3 сайта с одинаковым функционалом в 99,9% случаев будут дороже одного. Раза эдак в 3,9 (догадаешься почему?) ;) . Даже с кроссбраузерной вёрсткой. А если учесть обслуживание - выйдет в десятки раз дороже. Про архитектуру, СЕО, переносы и пр. уже даже и не заикаюсь.

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
melkozaur
На сайте с 06.04.2010
Offline
536
#44
Ayavryk:
Кроме того на том же gismeteo рекламные блоки ведут на неадаптивные сайты. И на мобильнике от таких ссылок пользы никакой.

Какой ужас!

То ли дело мобильные версии сайтов: на них ссылки всегда ведут на адаптивные ресурсы.

DiAksID
На сайте с 02.08.2008
Offline
236
#45

господа, адаптивность - это не технология, это стратегия ☝

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

и неважно какими средствами она достигается - CSS3 или JS в частных тактических задачах. адаптивность это не тупая вёрстка под "ширину/высоту" 😂 - это и отлавливание специфических событий и использование максимума возможностей конкретной ветки гаджетов, при прочих равных - тут без всего возможного набора фишек не обойтись...

show must go on !!!...
Ayavryk
На сайте с 11.10.2003
Offline
209
#46
SeVlad:
И что ты хотел этим сказать? Или что определить яваскриптом разрешение экрана и отредиректить!!!! мобильного юзера на другой сайт(!!!)

Я хотел сказать что идеальный вариант сайта при условиях большого разброса мониторов это такой, в котором контент подгружается в зависимости от клиента и действий юзера. И все это не исключает ни подгрузку дизайна, ни media-query.

SeVlad:
Что на гисметео его нет?

Я не знаю что сейчас на нем. Я с ними недолго работал. Гисметео -та еще жопа. Там "дизайнер" еще не знал про адаптивный дизайн, но уже придумал концепцию при которой все блоки имеют фиксированный размер по вертикали. Самое оно для адаптивной верстки. Только если текст не влезает в блок он идет под overflow:hidden.

DiAksID:
господа, адаптивность - это не технология, это стратегия

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

melkozaur:
Какой ужас!То ли дело мобильные версии сайтов: на них ссылки всегда ведут на адаптивные ресурсы.

Я рад что вы не оспариваете глупость километровой портянки в мобильнике, и то что ни один юзер не будет крутить ее до конца чтобы насладиться рекламой партнерских программ. Это самое главное о чем я говорю.

Предложение о продаже ссылки на Error404 остается в силе.

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
DiAksID
На сайте с 02.08.2008
Offline
236
#47
Ayavryk:
... Речь об адаптивной верстке, под которой понимается исключительно единый шаблон и контент для самых разных устройств. А это как раз не адаптивность а вовсе даже наоборот. Игнорирование специфики условий использования устройств и потребностей юзера.

с чего бы? наоборот: адаптивная вёрстка расширяет (уничтожает?) понятие "шаблона" и отделяет его от конкретной аппаратной "визуализации". пресловутое @media суть одно из средств создание нового шаблона на основании единой адаптивной схемы, а отлов js-ом характеристик viewport и доступных событий меняет и интерактивность и фичи/приблуды.

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

melkozaur
На сайте с 06.04.2010
Offline
536
#48
Ayavryk:
Я рад что вы не оспариваете глупость километровой портянки в мобильнике

Я не оспариваю глупость и километровой портянки на мониторе, как и многие другие глупости на мониторе и в мобильнике.

Про рекламу - мимо. Во-первых, кто вам сказал, что рекламу всегда ставят вниз, после километровой портянки? Дать ссылок на сайты, где это не так?

Во-вторых, я вообще-то и не сторонник идеи, что ВСЕ сайты обязаны быть адаптивными.

Ayavryk
На сайте с 11.10.2003
Offline
209
#49
DiAksID:
Вы упорно стараетесь впихнуть стратегию адаптивности в привычные жёсткие границы чистой технологии.

Вовсе даже наоборот. Стратегия пляшет от юзабилити. Я только и делаю что пишу, про юзабилити и про то что бездумно используемая технология это юзабилити убивает. А на меня нападают и нападают. Как же это так - юзеры мобилы кроме текущего прогноза погоды на сайте о погоде ничего больше не увидят, не посмотрят рекламу и всякую левую хрень. Низя. Неадаптивно.

Я уже писал что дискуссия того же рода что и апология резины или дивной верстки и т.п. Пока было модно - все резинили и таблички на div верстали. Наигрались и все вошло в свою колею.

Теперь дурь с модой на адаптивную верстку пошла. Поиграют-поиграют и в норму придет.

melkozaur:
Я не оспариваю глупость и километровой портянки на мониторе

Но при этом пишете что адаптивный дизайн - это только CSS поменять и вся недолга!

Cygnus
На сайте с 19.08.2012
Offline
45
#50

Мда, знатный холивар получился, но никто так и не ответил на мой вопрос.

miiini, спасибо, эту статью я читал еще в оригинале на smashingmagazine.com, однако она не дает ответа. Плагины и сервисы не в счет.

Значит есть только один вариант - практический, вот только как узнать, загрузилось ли изображение на мобильный девайс или нет? Как посмотреть ресурсы, загруженные по умолчанию в браузере (я все еще говорю про мобильные устройства)?

iOS приложения Оптимизация затрат на их создание

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий