Разработка веб-приложений для iPad, iPhone и iPod

Всем привет! У меня хорошая новость - авторы временно.нет постепенно просыпаются после летнего отдыха. За это время мы много сделали и многому научились. Пришло время делиться этими знаниями с нашими дорогими читателями.

Сегодня я хочу сделать краткий обзор того, что позволяет делать мобильный сафари на айДевайсах, какие инструменты есть в руках у веб-разработчиков и как эти инструменты применять.

Иконки — ежемесячный выпуск №10 (иконки мобильных устройств)

Всем привет!

Сегодня очередной иконочный пост (10-ый юбилейный, кстати), и на этот раз его тема — мобильники, КПК, всякие айПоды, айПэды, Андроиды и прочие электронно-развлекательно-переговорные устройства, которыми мы пользуемся каждый день.

Иконки этого выпуска весьма разнообразны по размерам — от 256 до 16 пикселов в форматах ПНГ, ИКО, ГИФ и даже ПСД. Всего около двухсот штук. 

Иконки — ежемесячный выпуск №6

Прошла первая неделю октября, а, значит, настало время ежемесячной подборки иконок.

В этот раз я решил найти иконки в одном стиле, а не как обычно, сборную солянку. В октябрьской подборке у нас монохромные иконки — их хорошо использовать на немного градиентных плашках, получается очень симпатично.

Итак, в статье вас ждет 3 набора, что в сумме дает 310 иконок. Качаем, используем, советуем друзьям!

Улучшаем поля ввода пароля

Всем привет!

Сегодня мы поговорим о возможных улучшениях поля ввода паролей на сайтах. Дело в том, что вводя пароль, вместо вводимых символов мы видим только звездочки и поэтому часто ошибаемся (если только вы не мастер слепого метода печати). Согласитесь, что это не очень хорошо.

Именно поэтому я решил сделать плагин для jQuery, который бы как-то показывал вводимые символы. В этой статье вас ждет мое решение с выводом вводимого символа справа от поля ввода пароля и решение от Криса Койера, автора сайта «Трюки CSS» в стиле айфоновского ввода паролей.

Реализация айФонных UI прелестей с помощью jQuery. Часть 3.

Сегодня мы продолжим создавать интерфейс iPhone на jQuery.

В первой части мы научились использовать плагин jQuery mousewheel, чтобы любое движение колесиком мышки было в нашей власти. Обращаю ваше внимание, дорогие читатели, что я обновил файл плагина — прошлая версия плохо работала с IE.

Во второй части мы заставили содержимое айФона перематываться с помощью перетаскивания мышью, для этого задействовали плагин jQuery disable text select.

Сегодня мы, как модные парни, добавим эффект вдавленности к заголовку, о котором было написано в предыдущей статье, а еще, как я и обещал, мы сделаем перемотку курсором более похожей на оригинал — теперь при отпускании кнопки мыши, содержимое будет двигаться дальше, в зависимости от того, насколько быстро мы двигали это самое содержимое.

Поехали!

Реализация айФонных UI прелестей с помощью jQuery. Часть 2.

Сегодня мы продолжим работать над нашим маленьким проектом iPhone на jQuery.

В прошлой части научились использовать плагин jQuery mousewheel, чтобы контролировать прокрутку колесика мышки. Это было не очень сложно.

В этот раз я расскажу, как можно реализовать перемотку содержимого не колесиком, а таская содержимое мышкой (почти как в «оригинале»).

Параллельно обратим внимание на плагин jQuery Disable Text Select.

Реализация айФонных UI прелестей с помощью jQuery. Часть 1.

Всякий, кто когда-либо держал в руках продукцию apple, испытал на себе wow-эффект от приятных как на ощупь, так и внешне привлекательных продуктов. Но сегодня мы сконцентрируемся не на воспевании яблочной корпорации, а присмотримся к элементам интерфейса таких девайсов как iPhone и iPod touch.

Это первая статья из цикла, посвященного реализации элементов интерфейса айфона на JavaScript, используя jQuery.

Надеюсь всем понравится. Я, например, очень доволен :)

В этой части мы попробуем использовать плагин jQuery mousewheel, который контролирует прокрутку колесика мыши.