Верстка під PDA, частина 2
Вже писав про верстку під PocketPC пристрої, на тижні доопрацював все те, що так бентежило і підбив невеликі підсумки.
1. Резинка.Верста під PDA повинна бути гумовою. Без додаткового програмного забезпечення емулювати різну роздільну здатність на PDA пристроях не можна. Та й нікому це особливо не потрібно =) Найчастіше це 320х240 або 640х480, хоча бувають і нестандартні дозволи. У будь-якому випадку сайт повинен виглядати у всіх дозволах однаково, оскільки їхній розкид не такий і великий, а значить верстка має бути гумовою.
2. Одна колонка.Є винятки, але найчастіше скелет сайту має бути одноколоночним. Тобто. вихідник сайту може бути 2-х, 3-х колонковим, але версія PDA найчастіше перетворюється в одну колонку, т.к. місця й так мало. Найчастіше ліва колонка (навігація) перетворюється на , а права сповзає під основний контент.
4. Функціонал повинен зберігатися.PDA версія сайту просто зобов'язана зберігати весь вихідний функціонал. Відвідувач з мобільного пристрою не повинен почуватися неповноцінним! Це стосується не лише функціоналу сайту, а й дизайну. Він повинен зберігати вихідні елементи та техніки. Нічого крім білого фону, чорного тексту та синіх посилань у PDA версії сайту (прикладів не мало)це найвищий ступінь неповаги та зневаги до власників сучасних мобільних пристроїв.
5. CSS.Mobile IE хвалиться підтримкою CSS2, звичайно ж це все умовно =) Чіткого документа з цього приводу на даний момент скласти не можу, але у мене виникли проблеми з абсолютним позиціонуванням, float позиціонуванням та background властивостями деяких елементів. Хоча все ж таки базова підтримка CSS2 існує, можна верстати приємні, красиві сайти.
7. PopUp.Будь-які необхідні попапи, відповідно, повинні відкриватисяяк нова сторінка. Нічого страшного в цьому немає, користувачі пристроїв PDA до цього цілком звикли. Але кнопка "назад" або "скасування" у таких вікнах важлива як повітря.
Ось начебто і все, на перший час. Для тестів я раджу використати безпосередньо пристрій. Або можна завантажити емулятор із microsoft.com.
Для зручнішого тестування на пристрої я використовувався безкоштовною утилітою My Mobiler. Вона дозволяє керувати Pocket з комп'ютера. Це зручно, встромив покет у кредл на іншому кінці столу, а сам вільно ним керуєш мишкою.
І головне пам'ятайте, що мобільних пристроїв все більше! Мобільна версія сайту повинна бути у кожного розробника, що поважає себе =) Приклади моїх версток під pda можна знайти тут pda.basher.ru і там pda.catalog.mobilz.net
Хардкорна конфа за С++. Ми запрошуємо лише профі.