В прошлой статье я рассказал о том, как можно эмулировать метаболл в фигме без плагинов. Забавно, но что дальше? Как перенести это в web?

Если вы не читали статью и не понимаете о чем я пишу, вот она, прочитайте :)

Вернемся к вебу. Какие технологии у нас есть? Можно, конечно использовать Canvas или WebGL, но это все сложные технологии, которые требуют хороший уровень знаний JS, а мне хочется просто. Остается CSS. И да, в какой-то степени, он позволяет нам сделать метаболл, правда с ограничениями, но о них поговорим в конце.

Простое слияние

Для начала, нам нужны объекты, которые мы будем «сливать». …


Привет, давайте начнем с того, что такое метаболл. Вначале почитаем что пишут на википедии:

Metaball (рус. Метасфера, также встречается «метаболл») — n-мерный объект в компьютерной графике, представляющий собою замкнутую сглаженную поверхность.

Довольно-таки сложно, проще взглянуть на картинку:

Пример соединения двух эллипсов.

И если в двух словах это такой плавный переход от одной фигуры в другую, как две капли воды, например.

Этот прием широко развит в различных 3d редакторах, даже есть специальные инструменты, и на основе этого создается много разного интересного.


Вот и настал долгожданный день выхода Pixelmator Pro 1.0.
Я следил за новостями с первого анонса программы и очень ждал выхода, что бы попробовать программу, которая способна заменить photoshop в качестве растрового редактора. Посмотрим, что из этого вышло.

Презентационное видео Pixelmator Pro 1.0

Системные требования

Pixelmator Pro работает только на mac OS. Это особенность и преимущество программы. Используются системные возможности MacOS, никаких своих движков для графики, т.е. все должно работать быстро.

Для работы программы необходимо обновить систему до macOS High Sierra.

Pixelmator Pro работает на любом устройстве поддерживаемом графическую технологию Metal, а именно:

  • iMac с 2012 года или позже
  • MacBook с 2015…


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

Где и как настраивать горячие клавиши?

Компания Apple позаботилась о своих пользователях и в операционной системе macOs есть очень простой способ настроить сочетание клавиш для абсолютно любой программы.

Системные настройки → Клавиатура → Сочетание клавиш программ

Для добавление сочетания, просто нажимаем на плюс, выбираем нужную программу, пишем как называется функция в меню (без полного пути) и задаем сочетание клавиш.


Разговоры на кухне каким-то образом привели нас к пылесосам и я решил разобраться в них с точки зрения UX. Какие есть боли при использовании, как их решить? Поехали.

Первые прототипы и пылесосы появились в 1869 году и были механическими. Но уже в 1901 году Хьюбер Сесил Бут получил патент на электрический пылесос.

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

Время шло и пылесосы плотно вошли в нашу жизнь. Становились меньше, легче и мощнее. Появились различные фильтры (бумажные, тряпочные, водные и т.д.). …


За год, что я применяю на практике свой сценарий ведения проектов, он потерпел некоторые изменения. Впервые я об этом написал на Medium полгода назад.

Во-первых, я все файлы проектов теперь храню только на dropbox (самый удобный). По завершению проекта, я отсчитываю 3 месяца, и переношу папку из dropbox в архив (на другое облако), где проект и остается жить д̶о̶ ̶к̶о̶н̶ц̶а̶ ̶д̶н̶е̶й̶ ̶с̶в̶о̶и̶х̶.̶ Для всего этого есть две причины:

  • Внешний жесткий, где я раньше хранил все файлы, умер, со всеми старыми проектами :-(
  • Очень удобно делиться с заказчиками файлами (не дублирую как раньше) + они тоже в курсе, что эта папка…


Добавил форму обратной связи, что бы все поучаствовали в улучшении и развитии. Для формы использовал ресурс typeform.com. Очень удобный и простой, а главное при стандартных запросах (без сложной аналитики и т. п.) бесплатный на сколько угодно форм. Рекомендую.

Так же сделал PDF версию для печати. Скачать можно тут

Все вопросы и предложения присылайте на почту или в скайп: andexds.
Обновленный чек-лист все по тому же адресу: http://andexds.com/projects/checklistui/

Originally published at blog.andexds.com.


Это небольшая заметка, которую я выпускаю по пятницам, с ссылками и цитатами.

Все предыдущие части на моем сайте.

Что почитать

Интересные работы


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

Вот как бывает, сидишь и думаешь: «Этот курс интересный, буду его изучать. Ого! А этот тоже ничего. Программирование? Да не вопрос. Еще курсы парикмахера закончу». А потом читаешь замечательную книгу и понимаешь, что все это время двигался не в том направление. Нет, даже не так, понимаешь, что все это время топтался на месте и не двигался к цели.

— Это же отмазка!
— Да нет же, смотри…

У каждого человека есть один единственный ресурс —…

Andrey Anashkin

Art Director & Digital Product Designer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store