a54aea3015b59685acd117110b72733c_full

10 сниппетов для разработки сайтов под iPhone. Часть 1

При разработке веб-сайтов, вы должны помнить о различных браузерах, а также о мобильных устройствах, наприер, таких как iPhone или iPod.

В этой статье мы рассмотрим 10 самых полезных сниппетов (JavaScript, PHP, CSS, и т.д.) для быстрого и эффективного создания сайтов, дружественных к iPhone.

Обнаружение iPhone и iPod на JavaScript

При разработке сайтов под iPhone и Ipod Touch, первое, что нам нужно сделать, конечно, обнаружить их. Тем самым мы сможем применить конкретный код или стиль для сайта под iPhone.

Следующий сниппет будет детектить(detect) iPhone и iPod c помощью JavaScript, и перенаправлять пользователей iPhone на конкретную страницу.

Источник: http://davidwalsh.name/detect-iphone

Обнаружение iPhone и iPod на PHP

Хотя предыдущий сниппет и работает великолепно, но JavaScript может быть отключен. В этом случае, вы можете использовать PHP.

Источник: davidwalsh.name

Установка ширины окна, как на iPhone

Сколько раз вы загружали сайты в вашем iPhone, и сколько раз они были похожи на свои эскизы?

Причиной тому является то, что разработчики часто забывают определить проекции сайта (или просто не знают). Объявление 'width=device-width' позволяет установить ширину документа такой же, какой является ширина экрана iPhone.

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

Определение проекции очень просто: вставьте следующий meta в header HTML документа.

Источник: www.engageinteractive.co.uk

Включение в iPhone специальной иконки

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

Определение пользовательской иконки для iPhone очень просто: вставьте нижестоящий код в header HTML документа. Изображение иконки должно быть 57px на 57px и в png формате. И не нужно добавлять блеск или круглые углы в иконку, так как iPhone автоматически сделает это за вас.

Источник: www.engageinteractive.co.uk

Предотвращение Safari от корректировки размера текста при вращении iPhone

Когда вы поворачиваете iPhone, браузер Safari изменяет размер шрифта. Если по каким-то причинам вы не хотите, чтобы этот эффект работал, просто используйте следующий код CSS. '-webkit-text-size-adjust' — это свойство webkit- на CSS, позволяющее контролировать ориентацию текста.

Источник: www.engageinteractive.co.uk


Оставить комментарий