Чому "чуйний" веб-дизайн не повинен вважатись важливим?


9

Це може здатися більше питанням щодо графічного дизайну, ніж питанням програмування, але я думаю, що він має набагато більше технічних / програмних достоїнств, ніж власне графічний дизайн.

Концепція "чуйного" веб-дизайну обертається за допомогою медіа-запитів у CSS3 для визначення розміру пристрою перегляду та відповідно коригування правил CSS - по суті, динамічного CSS. Це заповнює порожнечу у багатьох випадках розгортання - зокрема, мобільних.

Я думаю, що використання медіа-запитів наростає повільно (я виявив, що багато людей насправді не знають про це), але мені цікаво, чи є причина для повільного прийняття. Це недоцільно для веб-додатків? Чи щось мені не вистачає, що могло б стати фундаментальною проблемою?


2
Дуже багато людей просто невігласи і не вивчають нових методів.
Райнос

@Raynos, але навчання так весело!
Nic

1
s, тому що швидкість Інтернету зростає з часом, і чуйність вже не є справжнім питанням, а зусилля вже не виправдані? Можливо, я помиляюся, тому що ця ідея виглядає круто!
WinW

1
Перейти на веб-майстрів.SE?
Пітер Тейлор

Відповіді:


9

Вам доведеться стрибати через обручі, щоб змусити його реально працювати. Для сайту, який я розробляю, я @media (max-width:800px)визначав таблицю стилів для телефонів та інших менших екранів. Але його не використовували, наприклад, iPhone.

Виявляється, розробники браузерних телефонів припускають, що люди не братимуть до уваги невеликі екрани, тому вони брешуть на механізм візуалізації (наприклад, iPhone стверджує, що ширина більше 900 пікселів), якщо ви не введете додатковий метатег, щоб сказати це не брехати. Коли доходить до того, що ти борешся з реалізаторами браузера, ти починаєш замислюватися, чи варто докладати зусиль.


Тож Фонд Зурб і Twitter Bootstrap справляються з цим досить добре. Для роботи з комутацією за запитом потрібно трохи JavaScript. Також є налаштування DPI і т.д. Використання цих каркасів CSS робить це дуже просто. Або хоча б їх частини.
Берін Лорич

Варто зазначити, що це запитання та відповіді є з 6 років тому і можуть не відображати нинішніх норм прийняття.
Пітер Тейлор

Ах, вибачте. Це було в основній стрічці вчора чомусь. Не думав перевіряти дату.
Берін Лорич

4

Я не можу говорити за всіх, але з власного досвіду вирішальним фактором стали час і гроші. Ми з колегами завжди переглядаємо найновіші речі, але розробка та реалізація різних макетів для пристроїв різного розміру - велика справа. Особливо враховуючи, що на моєму 3-річному nokia 5800 всі наші веб-сайти виглядають чудово - смужка, яку я повинен прокручувати, щоб отримати вміст бічної панелі. Ми розробляємо та впроваджуємо веб-сайти для невеликих компаній та самозайнятих людей.

Інша причина, яка може бути дійсною, полягає в тому, що розміщення повністю окремого веб-сайту для мобільних версій із власним окремим мапом сайту ( http://www.google.com/support/webmasters/bin/answer.py?hl=uk&answer=34648 ), це простий та початковий спосіб підтримки сайту.


Ну, я думаю, що напевно важко запровадити чуйний дизайн на розгорнутому веб-сайті чи середині циклу, але я думаю, що було б набагато простіше реалізувати щось подібне, а не мати цілий інший мобільний субдомен. На щастя, Rails дещо абстрагує це завдання спадковими шаблонами.
Нік

Ну, я мушу додати, що в нашому випадку клієнт фактично передав мобільну версію конкуренту :( я б особисто перейшов із шаблонами, а не з іншого сайту.
Pelshoff

2

Якщо ви можете гарантувати надійне відновлення даних, це все добре.

Але уявіть, хтось завантажує веб-сторінку у вікно, переглядаючи настільний комп'ютер. Ви змушуєте їх відкривати повноекранний екран, щоб прочитати все, або ви розміщуєте розмір у зменшеному вікні та представляєте багато порожнього простору, оскільки вони максимально збільшують його? Ви обслуговуєте CSS один раз, при завантаженні сторінки!

Що з браузером телефону, який перемикає ландшафтний / портретний режими під час обертання телефону? А що з браузером, який просто має занадто малу роздільну здатність, і люди зазвичай використовують масштабування, але ви вже адаптувались до звіту, але занадто малу роздільну здатність і сторінка стає нечитабельною?

Просто дотримуйтесь стандартних вказівок щодо створення гідного універсального масштабованого CSS та дозвольте браузеру керувати масштабуванням сторінки до потрібної роздільної здатності.


9
У CSS3 є нова функція, яка дозволяє динамічні правила для різних розмірів екрана, які змінюються автоматично.
Steffan Donal

@Ruirize Точно - використовувати статичний CSS, у якому є правила, що динамічно адаптують вміст - добре. Попросіть динамічно створений CSS, у якому є правила, які статично встановлюють вміст для вашого розміру екрана - ні.
СФ.

2
ОП говорить про використання медіа-запитів, які динамічно коригують речі залежно від (серед іншого) розміру екрана. Не завантажені додаткові файли.
Травіс Нортчетт

1
@SF .: спробуйте змінити розмір вікна календаря Google (нова червона тема, а не старіша синя), це моторошно здорово, як вони з цим впораються.
Лежать Раян

2
@SF: У початковому дописі йшлося про медіа-запити, не обслуговували різні CSS на основі заголовків або w / e.
Pewpewarrow
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.