Где начать с веб-разработки Смартфона?
__call__ заставляет любой объект быть вызываемым как функция.
Этот пример произведет 8:
class Adder(object):
def __init__(self, val):
self.val = val
def __call__(self, val):
return self.val + val
func = Adder(5)
print func(3)
9 ответов
UPDATE :
Хотя большая часть приведенного ниже текста все еще применима, я бы теперь сказал, что jQuery Mobile отлично справляется с предоставлением хорошо спроектированного и удобного набора компонентов пользовательского интерфейса, а также упрощает работу с устройством. проблемы тестирования и обнаружения, для решения которых я использовал WURFL в прошлом. Он все еще находится в стадии бета-тестирования, но, похоже, работает довольно хорошо. Я рекомендую это проверить.
Два наиболее важных вопроса, которые следует учитывать при начале работы:
1) Обнаружение устройства
2) Дизайн мобильного пользовательского интерфейса
Для проблемы №1 я настоятельно рекомендую посмотреть Набор данных устройства WURFL:
Используя это, вы можете получить (некоторые) возможности устройств, которые обращаются к вашему сайту, используя их строку User Agent. Тестирование мобильных веб-приложений похоже на адское тестирование браузера: существует так много различных комбинаций устройств и браузеров, что это сложная задача. Если вы можете сосредоточиться на разработке одной или двух версий для достаточно функциональных телефонов, скажите:
1) минимальная ширина 300 пикселей с заявленной "веб-поддержкой" и сенсорным экраном. 2) То же, что и выше, но без сенсорного экрана
вы можете создать очень удобный сайт, который будет работать для большинства «смартфонов» или «телефонов с приложениями», как Дэвид Пог более точно назвал их . Для фактического тестирования вы можете попробовать:
1) Составить список всех своих друзей и узнать, какие у них телефоны. 2) Посещение магазина телефонов и использование этих телефонов для тестирования вашего сайта
, и, независимо от того, что вы делаете, вам придется действовать гибко, когда вы получите неизбежные отзывы пользователей о неработающем / медленном контенте на их устройстве.
Что касается дизайна пользовательского интерфейса, есть несколько проблем. Самый простой - красивый CSS. Вот посмотрите на некоторые понравившиеся мобильные сайты и украдите их CSS. Как только вы это сделаете, вы в основном будете заниматься обычной старой веб-разработкой, только на маленьком экране. ul превратится в красивые таблицы для iPhone и т. д.
Более серьезная проблема - это удобство использования мобильного Интернета. Во многих отношениях мы находимся в ситуации веб-разработки 90-х для мобильных устройств. Я имею в виду, что мы работаем без устоявшихся шаблонов проектирования. Это делает разработку мобильного Интернета действительно интересной, но это также означает, что вы должны быть готовы настроить свой уродливый / сломанный интерфейс по мере развития лучших идей. Одним из текущих примеров являются глобальные навигационные и навигационные цепочки, которые вы видите на многих мобильных сайтах. Удивительное количество людей пытается имитировать поведение нативных приложений для iPhone, предоставляя постоянный инструмент навигации (кнопку «Назад») в мобильном приложении. Хотя это довольно красиво, у него есть несколько проблем:
1) Это избыточно, учитывая, что в браузере есть кнопка возврата, с которой пользователи хорошо знакомы. Причина, по которой эти глобальные навигационные элементы существуют в нативных приложениях, заключается в том, что они не поставляются с бесплатным инструментом навигации.
2) Интернет великолепен. Вы можете входить, выходить и повторно входить в «приложения» в любой точке их структуры. Предполагая, что пользователь проходит через ваше приложение линейным путем, вы уменьшаете его веб-доступность, что делает его намного более грубым по сравнению с остальной частью сети.
3) Он ломается. Либо вы можете попасть в ситуацию, когда навигация приложения и навигация браузера указывают в противоположных направлениях (нажатие кнопки «Назад» в вашем приложении продвигается вперед по истории приложения), либо вы подделываете кнопку «Назад» с помощью javascript, который ломается, если они этого не делают. t начинать с начала приложения (отправленная по электронной почте ссылка, закладка) или вы настраиваете сеансы, что может быть большой проблемой, просто чтобы бесплатно воспроизвести то, что вы получаете из браузера. Сеансы также уязвимы для взлома (ссылки по электронной почте, закладки), и вы действительно мало что выиграете.
Думаю, мои основные моменты здесь следующие:
1) Не забывайте, что вы находитесь в сети. Интернет - это круто, браузеры классные, используйте это.
2) Не бойтесь экспериментировать. Здесь не так много устоявшихся шаблонов,
List Apart поможет вам начать: «Положи свой контент в мой карман» КРЭЙГА ХОКЕНБЕРРИ
С современными смартфонами практически нет разницы между разработкой обычной веб-страницы и специализированного веб-сайта.
Но вы можете попробовать эмуляторы, которые предоставляют такие крупные игроки, как Apple, RIM, Motorola и Nokia, чтобы увидеть, как они выглядят.
Я бы предложил взять взгляните на некоторые другие мобильные сайты. Я разместил несколько ниже.
- m.reddit.com
- diggriver.com
- mobile.washingtonpost.com
Поскольку современные мобильные браузеры работают довольно много Как и в случае с настольными браузерами, старая пословица «минимизировать JS и CSS, оптимизировать изображения» должна быть вашей главной задачей, поскольку пропускная способность более ценна на мобильных устройствах.
Кроме того, примите во внимание следующее:
- Подумайте, нужны ли вам все ваши изображения, и если они слишком большие для маленьких экранов. Подумайте об удалении или уменьшении размера больших изображений.
- Проверьте свой JavaScript - Будет ли ваш сайт работать без него? Может быть полезно отключить его части, так как это может легко снизить скорость в мобильных браузерах
- Вы часто можете обойтись простым включением специализированных стилей CSS, адаптированных для устройств с маленьким экраном, на ваш основной сайт
Вы также можете найти это полезно: Почему ваш мобильный сайт, вероятно, отстой
Мобильные сайты часто используются на обычных телефонах и часто переходят на m.example.com вместо www.example.com. Эти сайты практически не имеют совместимости с javascript или css. Когда вы спрашиваете о мобильных сайтах, имейте в виду, что существует два типа мобильных сайтов.
Предполагается, что современный смартфон поддерживает работу с браузерами так же, как полноценный браузер, но это не так. Фактически, iPhone живет в фантастическом мире и сообщает о ширине окна более 900 пикселей!
Есть уловки, которые можно проделать со смартфоном. Сенсорный экран не может использовать псевдокласс: hover. Это может быть проблемой для меню, требующего наведения курсора. Вы можете создать дизайн вокруг этого. Как? вы спрашиваете ...
Apple смотрит на новый метатег (выполните поиск по нему в Google), и другие браузеры смартфонов тоже смотрят на него. С этим, вы можете заставить смартфон сообщать фактический размер экрана в пикселях, а не заранее запрограммированный размер фантазии.
Теперь, когда вы это сделали, вы можете использовать условные операторы css,
@media only all и (max -width: 600px) {
CSS RULES THAT ONLY APPLY IF THE SCREEN WIDTH IS <600 PIXELS
}
Я использовал это, чтобы заблокировать Надеюсь, это поможет. - Дэйв Надеюсь, это поможет. - Дэйв Надеюсь, это поможет. - Дэйв
Если вы хотите заниматься разработкой специально для iPhone или iTouch, используйте это условное выражение.
[if SafMob] @import url(iphone.css);
Вот статья о создании сайтов для мобильных устройств. http://www.alistapart.com/articles/pocket/
Доклад Миган Фишер о Проектировании эффективных мобильных интерфейсов дает хороший обзор. Она рекомендует книгу Кэмерона Молла «Мобильный веб-дизайн». С точки зрения технологии, я бы начал с знакомства с XHTML Mobile Profile, если вы еще этого не сделали.
Что касается дизайна, думайте тонко. Возьмите книгу с красивой типографикой и посмотрите, сможете ли вы продублировать макет страницы с помощью CSS. «Элементы типографского стиля, применяемые в Интернете» - хорошая отправная точка для этого. Веб-сайты для телефонов предназначены для прокрутки, а не для сложной навигации. Ритм и интервал важны. Делайте изображения маленькими, а текст - высококонтрастным, и вы получите что-то, что загружается быстро и хорошо выглядит.
Есть еще три части: "Мобильный веб-дизайн" Кэмерон Молл:
Состояние мобильной сети
Методы безумия
Советы и методы
Сериал снят в 2005 году, но многие сведения все еще актуальны. В последней части «Советы и методы» также перечислено множество других ресурсов по мобильной веб-разработке.