Я давно искал адекватные Metro-стили для разработки. Есть Metro UI CSS, есть Milk, да вообще довольно много инструментов для создания Метро-дизайна. Но все они имели свои проблемы, как ни крути.
Но сегодня на HN появилась ссылка на великолепную реализацию Метро, да еще и стиль был основан на небезыизвестном Bootstrap. Cosmo!
В последнее время появилось довольно много инструментов для создания сайтов в духе Metro UI. К сожалению, лично у меня, использовать что-то из этого в реальных проектах не получилось: либо страдает качество и приходится вставлять «костыли», либо с качеством все нормально, но нет стилей для нужных компонентов приложения (например, нигде нет стилей для datepicker-а).
Я попробовал написать свое с блэкджеком и шлюхами. Сначала это был просто набор стилей для компонентов, которые были нужны мне в первую очередь. Cейчас все становится похожим на довольно большой CSS framework.
Я пишу об этом сюда, надеясь, что для кого-то мои наработки окажутся полезными, а я получу обратную связь.
Стили в архиве и документация лежат здесь: milk.ecm7.ru, есть .LESS и CSS версии.
Новый интерфейс в стиле Metro является ключевой особенностью мобильной ОС Windows Phone 7. Но не только её одной: уже сейчас ясно, что этот пользовательский интерфейс, будет используется Microsoft во всех продуктах, в том числе и во флагманской Windows 8. Таким образом, интерфейс Metro так или иначе будет существовать в течение длительного времени, и это стоит того, чтобы познакомиться с ним поближе.
В этой статье мы остановимся на интерфейсе: принципы его работы, сетка, структура и основные элементы.
Читать полностью »
-interfeis-Windows-(Phone-RT)-8.jpg "Взгляд на Modern (Metro) интерфейс Windows (Phone/RT) 8")
Я не являюсь дизайнером, не имею ни малейшего представления о правилах, тонкостях и нюансах UI, и уж тем более не претендую на авторитетное мнение по данному вопросу. Являясь пользователь телефона на Android и имея богатый опыт общения с iOS девайсами, начиная аж с iPhone 2G, я имею в своем распоряжении, в качестве одной из установленных ОС — Windows 8 RTM. Собственно она, а точнее мысли, навеянные работой с новым видом пользовательского интерфейса от компании Microsoft и побудили меня, к написанию данной статьи. Я хочу заострить свое внимание на особенностях интерфейса на планшетных компьютерах, но так как такового у меня под рукой нет, то это будут лишь теоретические рассуждения, которые, возможно, буду расходиться с ощущениями, полученными на практике.
Всем, кому интересно, прошу под катЧитать полностью »
Полтора месяца назад мы выпустили новую версию нашего продукта – системы управления сайтами NetCat. Одним из наиболее заметных (хотя и не наиболее важных) новшеств продукта стал рестайлинг интерфейса в философии MetroUI. О том, почему мы выбрали именно Metro, с какими проблемами столкнулись и чему научил нас этот опыт, и пойдет речь в этой статье. Читать полностью »
Эта статья продолжает серию наших рассказов, в которых мы делимся своим опытом разработки визуальных WinRT контролов в стиле Windows 8 UI.
В прошлый раз мы приводили базовые шаги, необходимые для создания своего WinRT контрола и SDK для него, а сейчас речь пойдёт о применении технологии Direct2D для создания визуальных эффектов в вашем WinRT компоненте.
В данной статье мы рассмотрим процесс создания кругового индикатора aka гейдж (gauge control), у которого стрелка будет размываться при движении.
Примечание: полный код этого проекта вы можете скачать по следующей ссылке: go.devexpress.com/Habr_WinRTSample.aspx
Сегодня в блоге команды разработчиков Windows 8 Брэндон ЛэБлан заявил, что разработка новой Windows завершена. Начиная с сегодняшнего дня ключевые OEM-партнёры начнут получать финальные сборки системы для создания устройств
Также опубликован календарь доступа для подписчиков разнообразных проектов Microsoft:
Читать полностью »
Друзья, только что началась онлайн-трансляция второго дня конференции для разработчиков мобильных приложений Nokia Developer Days. Посмотреть её можно на сайте Nokia Developer Days.
Сегодня доклады будут посвящены описанию платформ Nokia и их возможностей, дизайну и разработке приложений для платформы Windows Phone, рассказам о перспективах платформы S40 (включая недавно анонсированные смартфоны Nokia Asha Touch) и возможностях инструментов для создания Java-приложений, а также использованию встроенного биллинга в приложениях, благодаря in-App Purchase API.
Наш коллега из Microsoft Константин Кичинский расскажет о концепции Metro UI и проектировании приложений для мобильных платформ, а также поделится тонкостями навигации, примерами использования системных концепций и интеграции приложений с платформой Windows Phone.
В продолжении темы о подготовке MSDN к выходу Windows 8, хочется отметить ещё одну порцию полезных материалов. На этот раз собрана документация по проектированию интерфейсов. Приведены рекомендации и руководство о том, как спланировать все сценарии использования вашего приложения, как спроектировать интерфейс, показаны конкретные примеры и многое другое.
Читать полностью »
Около года назад мы начали работу над Evernote для Windows Phone 7. Тогда нашей первоочередной задачей было заставить наш SDK, использующий C#, работать с Silverlight, чтобы получить возможность доступа к Evernote API. Наш API построен на Apache Thrift, а генератор кода Thrift для C# используют синхронный HTTP-стек на .NET. Silverlight, между тем, поддерживает только асинхронную сетевую модель. Поэтому Дамиану Мэйерсу, нашему главному разработчику клиента для Windows Phone 7, пришлось какое-то время подумать над тем, как же заставить все это работать. В результате он внес изменения (подробно описав их у себя в блоге), которые позволили генератору кода C# и Thrift поддерживать обе сетевые модели. Этот код вы можете найти в нашем SDK для C#.
И вот год спустя мы вновь работаем над JavaScript-приложениями для Windows 8 Metro, которым необходимо обеспечить доступ к Evernote API из managed-кода C#. Вновь сталкиваемся с несовместимостью Thrift с, на сей раз, API .NET для Metro-приложений. Сегодня мы решили поделиться с вами способом решения этой проблемы.
Читать полностью »
