Вступление

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

Предыстория

Исторически сложилось, что и в eCommerce, и в Retail продуктах для админ-панелей мы используем React.JS в качестве основного фреймворка, однако платформа для ресторанов использует Angular, что не позволяет им использовать нашу библиотеку компонентов. Перед моим отпуском эта проблема стала острее, ввиду необходимости приведения UI/UX к одному виду. Мною было принято решение провести небольшое исследование на тему миграции компонентов, сделать Proof of Concept и поделиться ощущениями. Об этом и будет данный пост.

В июле 2010 года я написала статью «Как использовать CSS3 медиа-запросы для создания мобильной версии вашего сайта» для журнала Smashing. Спустя почти восемь лет эта статья по-прежнему очень популярна. Я решила вернуться к этой теме, поскольку теперь у нас есть такие методы компоновки, как Flexbox и CSS Grid. В этой статье мы рассмотрим современные методы использования медиа-запросов в адаптивном дизайне, а также рассмотрим, что может произойти в будущем.

У этого перевода не совсем обычная история. Системы контроля версий далеки от моих профессиональных интересов. Для рабочих проектов они мне требовались нечасто, причем, разные, так что, каждый раз, когда возникала такая необходимость, я заново вспоминала, как в них делается та или иная операция. А для личных проектов мне хватало возможностей Dropbox, хранящей историю версий файлов.


^{Изображение из твиттера @girlie_mac}

Но вот однажды я на три незабываемых дня попала в роддом — это иногда случается с женщинами. Из развлечений у меня были новорожденная дочь и телефон с большим экраном. Дочь поначалу развлекала плохо (дома она быстро исправилась), а на телефоне помимо книг и фильмов обнаружился текст «Git from the bottom up», который оказался более чем годным… С тех пор прошло почти 3 года, подросшей дочке уже пора самой начинать использовать Git Git стал мейнстримом, если не сказать стандартом в современной разработке, а я с удивлением обнаружила, что перевода на русский этого чуда, полезного не только начинающим, но и продвинутым пользователям Git, до сих пор нет. Исправляю эту ситуацию.

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

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

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

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

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

Основа эмпатии – это наблюдение. Причем, наблюдение не только за объектом дизайна и взаимодействующими с ним людьми, но и за контекстом такого взаимодействия!

На Хабре каждый день публикуется много новостей про гаджеты. Для меня, по крайней мере, они делятся на следующие категории:

• Слухи
• Скоро появится
• Появился и я уже купил
• Появился в России. Дорого!
• Вот он какой!

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

Это перевод статьи с сайта «The SSD Review». По правде сказать, это не совсем перевод — скорее выжимка смысла с добавлением графиков, которые говорят сами за себя. Я намеренно оставил без внимания рекламу накопителей Intel. Ну и еще один момент — автор странно передергивает, сначала показывая преобладание random 4-8k write, а затем приводя на графиках как меру производительности random 4-8k read. Ощущение, что он сам что-то недоговаривает. Будет неплохо, если кто-то из компетентных людей оставит в комментариях свое мнение.

UPD:
Достоверность информации в статье подтверждена опытным путем. Проделал опыты, написал парсер и выложил результаты хабражитель deseven, за что ему огромное спасибо. Табличку с его данными вы можете посмотреть в конце статьи.

Вы задумались о покупке SSD? Речь пойдет о самом важном, что необходимо для этого знать. Данная информация покажет в выгодном свете лишь парочку-другую производителей, в то время как остальные окажутся в крайне невыгодном положении.

Итак, в чем же обман?

Привет, %username%!

Если честно, я не ожидал, что столько людей добавят в избранное мой предыдущий пост. На самом деле это не может не радовать: платформа активно развивается и пиарится, что привлекает внимание разработчиков. Сегодня я хочу освятить тему работы со SkyDrive из приложения. Статья, как и в прошлый раз, будет основана на реальном кейсе: мне нужно было дать возможность пользователю расшарить файл в социальные сети.

Предыдущая часть

Инструменты для создания приложений

При установке Windows Phone Developer Tools вы получаете следующие бесплатные инструменты и компоненты.

• Expression Blend for Windows Phone
• Visual Studio 2010 Express for Windows Phone
• Windows Phone emulator
• Zune software
• XNA Game Studio 4.0
• Silverlight
• .NET Framework 4

Если у вас уже есть установленная Visual Studio 2010 (Professional или Ultimate), то вы можете использовать для разработки свою редакцию Visual Studio 2010 после установки Windows Phone Developer Tools.

Привет, хабраюзеры!

В рамках UserExperience 2011 в Россию приедет одна из создательниц Metro-дизайна Меган Донахью.

Меган возглавляет разработчиков и UX-менеджеров в команде Microsoft Windows Phone Design. За плечами Меган более чем 10-летний опыт создания пользовательских интерфейсов, включая компьютерные интерфейсы, мобильные операционные системы, сайты и игры.

Меган окончила Massachusetts Institute of Technology, имеет степени бакалавра и магистра. Исследования для своей выпускной работы Меган проводила в MIT’s Media Laboratory, где изучала wearable technology и компьютерный дизайн.

После этого она работала продюсером игрового портала Shockwave.com (проект MTV). Затем была проджект-менеджером в отделе проектирования Apple Ipod. В настоящее время группа Меган в Windows Phone объединяет разработчиков, специалистов по user research и инженеров в проектировании и создании мобильных систем и приложений.

Мы решили воспользоваться случаем и вместо того, чтобы просто отправить дизайн Артемию на линч, провести открытую дискуссию между ним и Меган. Прямую трансляцию можно будет посмотреть на страничке проекта, там же можно задать вопросы через твиттер #temametro