Совсем недавно в Самаре прошел фестиваль веб-разработчиков «404» (это название у него такое). Турбомилкеры принимали самое активное участие в этом мероприятии: читали доклады и поили всех турбошампанским. А еще у нас была видеокамера и мы засняли некоторые доклады.

Фестиваль самарских веб-разработчиков «404»

Обзорно-атмосферное видео с фестиваля. Турбомилкеры рассказывают о своих ожиданиях от фестиваля.

Компания Apple делает всё возможное, чтобы программисты не смогли своими ручками что-нибудь испортить. С появлением iPhone эта идеология достигла своего апогея. Во-первых, они написали огромное руководство по дизайну интерфейсов. Во-вторых, дизайнеры и программисты могут больше не заботиться о разных однотипных эффектах — все автоматизировано. Наша работа становилась все проще и проще, но общая напряженность от этого только росла. Мы нарисуем, а что дальше? Вдруг мы сделаем что-то не так.

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

Эффект от запуска ТурбоТвиттера превзошел все ожидания, так что мы решили покорить все социальные сети одну за другой. Осторожно, двери закрываются, следующая остановка — Facebook.

Сегодня пятница, а значит есть тема немного пострелять жучков.

Представляю вашему вниманию скринкаст про жемчужину пакета Expression Studio, а именно про Expression Blend. В умелых руках этот инструмент помогает создавать интерфейсы неземной красоты. А еще каждый дизайнер сможет почувствовать себя программистом.

Краткое содержание серии:

1. Ролевые игры
2. Создаем новый проект
3. Панель инструментов
4. Рабочая область
5. Режимы отображения: Design, XAML, Split
6. Свойства проекта и объектов
7. Панель Interaction
8. Связываем объекты и создаем событие

Смотреть скринкаст (Silverlight)
Expression Blend: Обзорный (Открывается в новом окне)

Если хотите, можете загрузить себе видеофайл в формате mp4 (41,9 mb).

Не зря мы писали пикантные подробности из жизни компании в наш уютный Турботвит — оказывается журналисты издательского дома Коммерсантъ подглядывали за нами. Результатом стала статья «Следи за мной», которая проливает свет на феномен микроблоггинга. Часть про нашу маленькую, но гордую компанию читайте после подзаголовка «Твиттероиды и извращенцы».

Настало время проверить графический редактор Microsoft Expression Design в реальных боевых условиях. Попробуем нарисовать с его помощью мистическую картину, попутно рассматривая сильные и слабые стороны инструмента.

Краткое содержание серии:

1. Что будем рисовать?
2. НЛО над Волгой
3. Рисуем Летательный Объект
4. Полупрозрачная будка
5. Сolor Dodge — наше все
6. Карл Фридрих Гаусс
7. Симпатичная телочка
8. Злобный луч

Смотреть скринкаст (Silverlight)
Expression Design: Рисуем (Открывается в новом окне)

Если хотите, можете загрузить себе видеофайл в формате mp4 (56,2 mb).

Итак, приготовьте лупы, мы продолжаем! После долгих и жарких споров (не волнуйтесь, до применения бластеров не дошло) у нас есть 3 утвержденные иконки размером 64×64.

Дальше начинается работа, требующая внимания и терпения, но конечный ее результат Инопланетные Захватчики будут видеть на своих экранах намного чаще (оказывается, они в процессе эволюции не увеличивали экраны, а улучшали зрение). Как грамотно построить маленькие иконки — к этому будут прикованы наши взгляды сейчас.

Нас интересуют два размера: 32×32 и 16×16.

На первое у нас большое блюдо: «Инопланетный захватчик в собственном соку» 32×32.

Рисуем салфетку — квадратик, в который должен быть вписан наш воинствующий друг.

Возьмем иконку большого размера и в панельке Transform выставим у большей стороны нужный нам размер (не забыв нажать link).

Смотрим на то, что получилось...

И понимаем: многие из объектов не попали в пикселы, потому как их координаты изменились. Слишком много объектов на маленьком пространстве. Некоторые характерные черты стали слишком незаметны.

Следующие действия легко предугадать — удаляем часть объектов. Уменьшаем количество ребер у копья, неровностей на его черенке, убираем многослойность подошвы.

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

Осталось поправить «сложносочиненные» объекты (волосы и щупалы).

Готово:

Крошечки 16×16 остались на сладкое.

Берем исходную иконку и «отсекаем все лишнее». Удаляем все, кроме основных элементов. Основные части, состоящие из нескольких форм, объединяем в одну. Убираем на них все размытости.

Уменьшаем в нужный нам размер, еще раз смотрим — вдруг мы что-то пожалели и оно теперь вместо красоты создает грязь. Если такое есть, без сожаления удаляем.

Вновь в ход идет уже упомянутый выше Transform.

Все готово:

Продолжаем серию скринкастов про Expression Studio. На этот раз разговор пойдет про графический редактор Expression Design. «Зачем нужен еще один графический редактор?» — спросите вы меня. Вот про это и поговорим.

Внутри скринкаста увлекательный рассказ про интерфейс и основные возможности приложения Expression Design.

Краткое содержание серии:

1. Дизайн, дизайн, дизайн
2. Безграничные возможности — не всегда хорошо
3. Обзор интерфейса
4. Инструменты
5. Рабочая область
6. Свойства объектов
7. Action bar

Смотреть скринкаст (Silverlight)
Expression Design: Обзорный (Открывается в новом окне)

Если хотите, можете загрузить себе видеофайл в формате mp4 (53,2 mb).