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

В общем, на сегодня наша задача разобраться с тем, как работает редирект, посмотреть примеры и разобраться в разнице подходов.
Мы рассмотрим следующие типы редиректа в PHP/HTML

– Стандартная функция header. Редирект с помощью отправки заголовков Location и Refresh
– Разница между 301 и 302 кодами состояния HTTP-протокола
– Редирект с помощью мета тега.
– Попытаемся ввести браузер в ступор ссылками на перекрёстные файлы и посмотрим, что будет. (more…)

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

Изначально, PDA – это personal digital assistant, обычное портативное устройство с различными полезными свойствами. К PDA по умолчанию будем относить все устройства подпадающие под характеристику мобильных – КПК, коммуникаторы, смартфоны и т.п. Нас в PDA интересует только возможность доступа к интернет, наличие браузера и малый размер дисплея. При этом, считаем, что мобильный браузер работает с давно знакомым нам всем HTML/JS. Нужно сделать отдельную ремарку – PHP и другие серверные языки никак не зависят от девайса клиента. Именно потому, что эти языки серверные. Единственная проблема, которая может возникнуть на стороне серверных языков – это куки, и как следствие, сохранение сессии в куках. Как правило, все мобильные браузеры вполне адекватно работают с куками (по крайней мере, в линейке телефонов Nokia), а значит, волноваться не стоит. Но протестировать всё равно будет нужно. Об этом чуть ниже.

Таким образом, нас, в основном, будет интересовать клиентский вывод. Вот ссылки на несколько хороших статей о вёрстке для PDA и некоторых JavaScript проблемах, с которыми столкнулись авторы:

http://www.websovet.com/pda-versiya-sajta
http://habrahabr.ru/blogs/webdev/19381/

Касательно этих статей, от себя добавлю, что при верстке следует обратить внимание на такой момент – есть множество мелких функциональных элементов, которые остаются мелкими в PDA-версии сайта и это очень неудобно использовать в дороге. Дело в том, что тестировщик, как правило, не испытывает никаких трудностей при тестировании сидя в мягком и удобном кресле. Но если вы едете, например, в трясущемся автобусе по плохой дороге, то в мелкие элементы попасть стилусом очень проблематично. К таким элементам можно отнести пагинацию страниц, рядом расположенные микроскопические ссылки-иконки и т.п. Возмите за правило такие элементы отображать на приличном расстоянии друг от друга и достаточно крупными по размеру. Для PDA действует то же правило, что и для обычных сайтов – вертикальные скроллеры – это нормально, горизонтальные – резко не приветствуются. Хотя экран некоторых моделей может быть реверсивно развёрнут на 90 градусов (т.е. маленькая вертикаль, большая горизонталь) стоит всё же ориентироваться на нормальное положение устройства. Если вы делаете резиновую вёрстку, то при развороте экрана, текст вполне нормально заполнит всю область отображения. Чем меньше картинок, тем лучше, – вплоть до их отсутствия.

Так же, большой англоязычный ресурс с информацией по WAP/WML. Хоть я и разнес WAP в прошлой статье в пух и прах, но иметь ссылочку на ресурс с информацией по теме никогда не помешает.
(more…)