Pull to refresh

Как создать продукт, желанный для клиента

Reading time 1 min
Views 453
AGIMA corporate blog Usability *UML Design *

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

На митапе выступят эксперты из М.Видео-Эльдорадо, Alfa Research Center и INTEGRAL DESIGN. Они расскажут, как изменилась система ценностей потребителя, что влияет на решения клиентов, как разработать продуктовую стратегию и оценить эффективность спринтов в дизайне.

Под кнопкой «далее» вы найдете подробную программу митапа.

Читать далее
Rating 0
Comments 0

Frontend Meetup от X5 Tech

Reading time 2 min
Views 395
X5 Tech corporate blog Development of mobile applications *IT-emigration

21 июля прошёл внешний гибридный митап управления разработки клиентских приложений X5 Технологии с приглашением спикера из Skillbox. Рассказываем (и показываем) как это было.

Читать далее
Total votes 2: ↑2 and ↓0 +2
Comments 0

Представляю доказательства возможности портировать Qt Lighthouse на iOS (UIKit)

Reading time 3 min
Views 8.1K
Qt *
Translation
Я закончил реализацию тестового порта Lighthouse плагина, котрый работает «поверх» UIKit (исходный код доступен в репозиротии qt-lighthouse на гиториоусе). Пока не настолько впечатляющий, как порт под Android (но может быть немножечко более впечатляюще, чем порт под новую пратформу INTEGRITY, по крайней мере для меня).
image
Что все это значит ?
Total votes 74: ↑69 and ↓5 +64
Comments 60

Bootstrap 2.0 – HTML+CSS+JS UI фреймворк

Reading time 1 min
Views 60K
CSS *

Вышла новая версия офигительного UI фреймворка от Twitter — Bootstrap 2.0 Для тех кто не в курсе что это, настоятельно рекомендую ознакомиться. Этот набор позволяет создавать отличные шаблоны сайтов за считанные часы (проверено на собственном опыте) на основе готовых элементов и экономить килотонны нервов на адаптации кода под разные браузеры.

Особенности Bootstrap:
  • Полный набор компонентов в виде стилей и анимаций поведения для элементов интерфейса
  • Поддержка возможностей HTML5, CSS3 (но при этом работает и в IE7!)
  • Поддержка идеологии 940-пиксельной сетки
  • Поддержка идеологии fluid-grid
  • Кросплатформенность — наборы стилей для десктопных и мобильных браузеров
  • Возможность кастомизации и добавления собственных стилей
  • Возможность добавлять jQuery плагины

Мастхэв для верстальщиков и проектировщиков интерфейсов!
Total votes 200: ↑186 and ↓14 +172
Comments 65

Интеграция физического движка Box2D в UIKit-приложение для iOS

Reading time 7 min
Views 6K
Development for iOS *
Sandbox

Привет!


Сегодня мы покажем, насколько легко встроить физический движок Box2D в любое игровое приложение, написанное на стандартных фреймворках Apple. Примером послужит интерактивная книга, выпущенная нашей студией полгода назад. Эта книга была нашим первым приложением для детей, и когда мы начинали работу над ней, у нас было мало опыта в создании анимаций, поэтому мы выбрали знакомые нам мощные и отлично документированные стандартные фреймворки Apple – так было проще на тот момент. Книга была готова уже через два месяца. Однако некоторые задумки реализованы не были. Из этих пожеланий был оставлен список на будущее, чтобы, когда будет время и знания, вернуться к проекту.

Физика


Одним из пунктов была симуляция физического мира, чтобы у пользователя была возможность играть с предметами: создавать их, бросать, перекидывать из угла в угол средствами акселерометра и так далее. Для реализации этой возможности требовалась интеграция в проект физического движка. И вот, когда на новом проекте было освоены Cocos2D и Box2D, возник резонный вопрос: если Box2D по своей сути не зависим от графической реализации программы, то почему бы не использовать его в самой первой книге?
Читать дальше →
Total votes 22: ↑20 and ↓2 +18
Comments 18

Kickstrap — форк Twitter Bootstrap с темами и бонусами

Reading time 1 min
Views 20K
Website development *CSS *jQuery *
image
Kickstrap это то, что будет если соединить Twitter Bootstrap, HTML5 Boilerplate, значки от IcoMoon и Font Awesome, добавить проверенные jQuery плагины Chosen и jGrowl, включить поддержку разных цветовых схем и тем оформления Bootswatch, дополнительную CSS сетку и вменяемую поддержку ранних версий IE.
Читать дальше →
Total votes 137: ↑127 and ↓10 +117
Comments 34

Инспектор UIKit в реальном времени (Reveal App)

Reading time 2 min
Views 11K
Development for iOS *Development of mobile applications *


Программу сравнивают с Web Inspector для WebKit, если это сравнение вам о чём-нибудь говорит. Если без сравнения, то это инструмент, который позволяет вживую исследовать всю иерархию объектов UIKit в вашем приложении и менять их аттрибуты.
Читать дальше →
Total votes 20: ↑18 and ↓2 +16
Comments 5

Использование UIDynamicAnimator из UIKit Dynamics при создании таблиц на основе UICollectionView

Reading time 3 min
Views 10K
Development for iOS *Development of mobile applications *Objective C *
Tutorial
Sandbox
Как известно в последней версии SDK (фреймворк UIKit Dynamics) разработчики могут определять динамическое поведение для UIView объектов, а также других объектов, принимающих протокол UIDynamicItem.

В данной статье я хочу поделиться опытом использования таких объектов.

Целью было сделать анимацию, аналогичную той, что используется в приложении Messages на iOS 7:
Читать дальше →
Total votes 10: ↑10 and ↓0 +10
Comments 2

Как написать свой компонент для iOS

Reading time 23 min
Views 18K
Development for iOS *
Translation
image

Элементы управления — одна из самых важных составляющих любого приложения. По сути они являются графическими компонентами, которые позволяют пользователям тем или иным образом взаимодействовать с приложением и его данными. Этот урок посвящен созданию кастомного элемента управления, который в дальнейшем можно будет использовать в любом приложении.
Читать дальше →
Total votes 41: ↑35 and ↓6 +29
Comments 7

Как бросить кости без OpenGL

Reading time 3 min
Views 24K
Development for iOS *Algorithms *
Tutorial
image

Необязательное вступление
Разработчики приложений под iOS зарабатывают не на собственных творениях, а на сторонних заказах. Создав себе имя славного парня, который творит чудеса с iPad-ом, рано или поздно Вы будете получать предложения от знакомых своих знакомых.
-Алло! Напиши что-нибудь под iOS.


Позвольте несколько советов.
Если, по Вашему мнению, работы более чем на две недели, отказывайтесь.
Если на неделю — соглашайтесь за $5000.
Если на 2 дня — за $1000.

Еще одно правило — чем ближе круг знакомств с заказчиком — тем выше гонорар. С близкими друзьями — 100% предоплата.
Поверьте, в этом случае число мусорных проектов резко уменьшится, а уважение к Вам резко возрастет.


Один хороший человек захотел сделать электронную книгу под iOS, коллекцию афоризмов. Фразы вылетают случайно, данные предоставлены в формате комма сепарейтед валью. С флешкой и устным ТЗ он пришел к другу-программисту. Программист оценил примерный объем работы
  • Конвертируем данные в sqlite;
  • Заводим три UIView (левый, правый и центральный);
  • В каждый UIView добавляем UITextView и UILabel;
  • Обрабатываем нажатие touchesBegin для листания афоризмов вправо-влево;
  • Добавляем кнопку — показать случайный афоризм.
  • Добавляем закладки.
  • Получаем 1000 долларов США


Работы на 2 дня, программист согласился.
Однако в ТЗ было еще одно условие — при случайном выборе афоризма по экрану должен кататься игральный кубик. Самый обыкновенный, из шести граней.
Читать дальше →
Total votes 59: ↑50 and ↓9 +41
Comments 22

Прозрачный OpenGL

Reading time 2 min
Views 10K
Papa Buba Diop corporate blog Development for iOS *
image

Бон Джорно, сеньоры!
Я перевыпустил древнюю игру Dice 5, с которой собственно и начинал жизнь в необычном мире iOS разработки.
Хочу поделиться полезным для многих режимом накладывания трехмерных объектов на стандартные красивые элементы управления и шрифты iOS.

В качестве десерта я расскажу о процессе одобрения игры в яблочном магазине и подглядывания за сотрудниками Apple Review Team. Вдруг кому пригодится?
В статье будет много иностранных вордсов, потому что меня просто прет использовать их после запрета от нашей ГД.

Читать дальше →
Total votes 21: ↑13 and ↓8 +5
Comments 5

«Используйте стандартный контрол» или как мы воровали календарь у Apple

Reading time 4 min
Views 20K
Development for iOS *
Sandbox
В данной статье хотелось бы познакомить читателей с довольно распространенной задачей по созданию календаря, которая была поставлена нашей команде в рамках одного проекта.

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

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

Всех заинтересованных прошу под кат.
Читать дальше →
Total votes 36: ↑34 and ↓2 +32
Comments 6

Магия IBDesignable или расширяем функциональность Interface Builder в Xcode

Reading time 4 min
Views 29K
Development for iOS *Xcode *Swift *
Sandbox


Interface Builder в Xcode с некоторого времени экономит мне много времени в работе по стандартному лайауту элементов интерфейса и иногда помогает в задаче прототипирования. С версии 6 в Xcode добавили возможность рендера кастомных вьюшек, помеченных атрибутом IBDesignable, а также отображение в билдере полей класса, помеченных атрибутом IBInspectable.

С версии Xcode 7 этой фичей стало более-менее возможно пользоваться, поэтому мне захотелось проверить её возможности.

Почитать про IBDesignable/IBInspectable можно тут и тут.
А саму статью можно прочитать здесь.
Total votes 13: ↑12 and ↓1 +11
Comments 8

Зачем нужны UITableViewController и UICollectionViewController

Reading time 5 min
Views 15K
Development for iOS *Development of mobile applications *Swift *
Sandbox
Всем привет, меня зовут Артём, я iOS-разработчик. Сегодня хочу рассказать о подходах к использованию UITableViewController и UICollectionViewController.

Едва ли можно найти мобильное приложение, в котором не используется списочное представление данных. Существенную часть времени мы (iOS-разработчики) проводим с TableView или CollectionView. Именно поэтому критически важным является выбор подходов к использованию этих базовых элементов из соображений скорости разработки и стоимости дальнейшей поддержки создаваемых решений. Хочу поделиться выводами, к которым мы пришли с коллегами в Touch Instinct.

Статья рассчитана на разработчиков, которые работают с TableView (CollectionView), но почему-то не работают с TableViewController (CollectionViewController). Далее будет упоминаться только TableView(Controller), но все написанное касается и CollectionView(Controller) тоже.
Читать дальше →
Total votes 23: ↑21 and ↓2 +19
Comments 10

Как мы делали экосистему – единый «язык» дизайна для front end десятков связанных систем

Reading time 10 min
Views 9.3K
True Engineering corporate blog Web design *Interfaces *Usability *Mobile applications design *
В этом посте мы расскажем о том, как учились разговаривать с пользователем на «языке» дизайна UI/UX и пришли к необходимости создания единой экосистемы для разных приложений одного заказчика. А также о том, какие технологии в этом помогли.

Что мы подразумеваем под единой экосистемой? Это комплекс разных IT-решений, веб- и мобильных приложений, объединенных единым «языком», на котором они разговаривают с пользователем. Такой язык есть, например, у всех продуктов Microsoft или у всех устройств Apple. Какое бы приложение одного и того же производителя вы не открыли, оно будет повторять логику своих «сородичей», показывать вам знакомые иконки.
Для компаний, создающих цифровые продукты, единая экосистема – ключевое конкурентное преимущество. Для нецифровых компаний, которые переходят «в цифру», создание аналогичных единых экосистем становится необходимостью, поскольку дает много преимуществ. В первую очередь, конечно, обеспечивает пользователям однородный UX и UI во всех системах, облегчает поддержку и обновление систем, повышает конверсию и удовлетворенность клиентов.
Разработка такой экосистемы стала для нас итогом длинного пути, о котором мы и расскажем.
Читать дальше →
Total votes 6: ↑5 and ↓1 +4
Comments 5

UIKit + Viper или MVC здорового человека

Reading time 3 min
Views 7.9K
Development for iOS *Swift *
Около года назад я познакомился с таким замечательным паттерном, как Viper. И теперь хочу рассказать о своих проблемах, а так же об их решении.

Введение


Начитавшись туториолов о Viper я начал пробовать создать на нем новый проект. В итоге мой Viper выглядел примерно так:
Читать дальше →
Total votes 12: ↑10 and ↓2 +8
Comments 9

Чат своими руками

Reading time 7 min
Views 6.3K
SimbirSoft corporate blog Development for iOS *Development of mobile applications *
В этой статье мы опишем тонкости написания чата. Понимаю, что придумано уже достаточно готовых решений. Побродив по закоулкам бескрайнего, отыскали пару годных библиотек, которые предоставляют чат «из-коробки». В этой статье они перечислены не будут. Так вот, перспектива заюзать готовое решение казалась соблазнительной. Но, ещё раз подумав о комплексности предстоящей задачи, мы решили писать с нуля.
Читать дальше →
Total votes 4: ↑4 and ↓0 +4
Comments 0

Проблемы React UI Kit-а и единой дизайн-системы, о которых вы не знали

Reading time 8 min
Views 23K
TINKOFF corporate blog ReactJS *


2 сентября 2017 прошла конференция Moscow Frontend, где я на примере React UI Kit рассказывала о проблемах, которые встречаются при внедрении UI Kit в компании. Тема оказалась актуальнее, чем я могла предположить, поэтому решила опубликовать статью по этой же тематике, преследуя две цели: донести материал до людей, которые не смогли оказаться на конференции лично, и предоставить отличную возможность провести жаркую дискуссию на эту тему в комментариях.

Приятный бонус заключается в том, что после выступления и дискуссий в кулуарах в моем материале к докладу появились дополнения и нововведения. Поэтому, даже если вы были на конференции, вам все равно будет интересно прочитать статью. В конце материала я оставила несколько вопросов, на которые я попрошу ответить в комментариях. Приятного чтения!
Читать дальше →
Total votes 24: ↑22 and ↓2 +20
Comments 39

CGLayout — новая система автоматического layout'а в iOS

Reading time 9 min
Views 7.6K
Open source *Development for iOS *Development of mobile applications *Swift *

Привет Хабр!
Хочу представить мою последнюю open-source разработку — CGLayout — вторая система разметки в iOS после Autolayout, основанная на ограничениях.



"Очередная система автолайаута… Зачем? Для чего?" — наверняка подумали вы.
Действительно iOS сообществом создано уже немало layout-библиотек, но ни одна так и не стала по-настоящему массовой альтернативой ручному layout`у, не говоря уже про Autolayout.


CGLayout работает с абстрактными сущностями, что позволяет одновременно использовать UIView, CALayer и not rendered объекты для построения разметки. Также имеет единое координатное пространство, что позволяет строить зависимости между элементами, находящимися на разных уровнях иерархии. Умеет работать в background потоке, легко кешируется, легко расширяется и многое-многое другое.


CGLayout функциональный продукт, у которого есть хорошие перспективы развиться в большой проект.

Читать дальше →
Total votes 16: ↑14 and ↓2 +12
Comments 8

Создание Tinkoff Design System. UI Kit, версионирование и витрина компонентов

Reading time 6 min
Views 53K
TINKOFF corporate blog Web design *Interfaces *
image

В предыдущей публикации я рассказал о том, как мы пришли к пониманию необходимости создания дизайн-системы, и какой профит мы можем получить от ее внедрения. И, конечно, процессы создания и внедрения не такие простые, как кажутся на первый взгляд. Мы столкнулись с рядом серьезных проблем, которые нам предстояло решить. Именно о процессе создания и трудностях пойдет речь в этой статье.
Читать дальше →
Total votes 60: ↑44 and ↓16 +28
Comments 39