Site Palette PRO для программистов

Здесь в Окленде мы дорисовали, докодили и запустили ещё один мини-проектик, который натуральным образом вырос из мартовского Site Palette. Если помните, это набор плагинов для популярных браузеров. Плагины умеют вытаскивает цвета из любого сайта и генерировать не только гармоничные комбинации цветов, но и ссылки, которые можно расшарить, послать, к примеру, клиенту.

Бесплатные плагины Site Palette для…
Google Chrome
Firefox
Safari

Продукт для дизайнеров и менеджеров в основном. Он помогает привнести больше конкретики в ситуацию, когда клиент говорит «сделайте цвета, как на этом сайте». Теперь не надо ползать по сайту с пипеткой, сразу вот несколько комбинаций цветов, сразу в формате Sketch или Adobe Swatch. Всё для людей, короче.

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

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

Плюсуем неистово Site Palette PRO на Product Hunt »

Site Palette — это наш пятничный проект, сделанный в Sliday по-приколу. Очень приятно, что продуктом пользуются живые люди. Если получится на нём заработать — супер!

Комментарии

 

Капитализация, боль задовая

Здесь в Sliday, нам часто приходится делать дизайны. И основное, за чем приходится мне, креативному простигосподи директору, следить, за единообразием. В разных языках разные правила капитализации — того, как мы ставим заглавные буквы в заголовках и подзаголовках.

Заголовки в текстах, в книгах, следуют грамматическим правилам языка. Как быть с подписями к кнопкам? Они ведь в своём роде заголовки кнопок.

First Name или First name, Log in или Log In?

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

Интернет равняется на Левиафанов большого бизнеса. Google придумал, как упростить правила капитализации в интерфейсах, Apple решил делать, как в английском языке задумано. Microsoft как обычно всё усложнил и сделал гибридный вариант, в котором в целом тоже есть закономерности.

Как я это в упрощённой форме рассказываю клиентам, в мире, грубо говоря, существует несколько договорённостей:

  1. Капитализация в стиле Google
  2. Капитализация в стиле Apple/Microsoft
  3. Альтернативная капитализация Unix/KDE

Мы в Sliday стараемся, чтобы было просто – это означает первый вариант.

Log in, Sign up, Proceed to the board

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

Когда клиент хочет, как типа «правильно по-английски», то второй вариант ОК, хоть придётся помучиться с предлогами и короткими словами, они в некоторых версиях капитализации пишутся строчными или вовсе пропускаются. Упрощённая грамматика в газетных заголовках обычное дело, оттуда нередко вываливаются артикли и предлоги. Третьим пунктом или рекомендациями BBC мы почти никогда не пользуемся, но имеем в виду.

Глобально важно, чтобы в хорошем дизайне присутствовала система. Порядок. Контроль. Учёт.

P.S.: Занятное примечание. В обновлённых гугло-рекомендациях на сайте Material.io раздел о Capitalization упразднили, и хаос тотчас окутал.)

Комментарии

 

Кармабот точка ру – организуйте бизнес в Slack на русском языке

Здесь в Окленде, как вы помните, мы превратили внутренний инструмент для мотивации в продукт, которым пользуются Microsoft, Twitter и другие компании, и относительно модный русскоязычный ресурс написал о нас материал, что по ссылке выше.

Ребята из VC хорошо объяснили суть продукта. Если совсем кратко, Кармабот позволяет учитывать командную «успеваемость» через чатики, бот хранит историю достижений и строит визуализации, что позволяет менеджерам не только знать, что происходит, но и в принимать серьёзные решения (повышение зарплаты, например) в долгосрочной перспективе.

Процитирую себя, чтобы не перепощивать чужую статью.

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

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

И, например, в конце года работник попросил о повышении зарплаты. Менеджер может открыть список вещей, за которые вычиталась карма, и сказать: «Давай сперва попробуем, чтобы ты в течение двух месяцев не опаздывал на совещания».

Что хотел сказать автор?

После публикации с нами связались мелкие и не очень команды, которым для внедрения на русскоязычном рынке не хватало одного – русского языка. Услышано, записано, сделано. Сегодня Кармабот научился разговаривать по-русски.

Karmabot говорит по-русски

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

KARMAVC –50% купон для читателей vc.ru. За тёплый приём.

Пробуйте Кармабот в своих Slack-командах , рассказывайте нам, что думаете, будем вместе строить светлое цифровое будущее, чо.

Статья об этом в нашем блоге

Комментарии

 

Плагин, который вытаскивает цвета из любого сайта

Здесь в Окленде я делаю дизайны и разработку вместе со своей командой в Sliday.com. Довольно часто в процессе общения с клиентом, особенно в начале, когда мы пытаемся понять, что ему нравится, куда двигаться по части дизайна, я прошу прислать несколько ссылок на проекты, которые по каким-то причинам нравятся визуально. Ссылки эти сильно помогают оценить визуально восприятие собеседника и, соответственно, прикинуть ожидания.

Скажем, прислали вот такие ссылки: «мы хотим приблизительно такой внешний вид для нашего продукта»: stripe.com, crisp.chat, mixpanel.com.

Что видно из этих ссылок: синенько, с градиентами, в тренде 2017 года. Всё понятно в целом, но какие конкретно цвета в дизайне и иллюстрациях использовать?

Когда начали обсуждать с дизайнерами этот вопрос, оказалось, что нормальных инструментов нет, всё какие-то уродливые поделки. И за пару недель, в виде пятничного проекта, мы с программистами сделали бесплатное расширение для Chrome.

Site Palette – в один клик можно получить несколько вариантов цветовых решений для любой страницы в интернете.

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

Серверная сторона решения приходит на помощь и генерирует постоянную ссылку, которую можно, например, послать клиенту; файл-темплейт для Sketch и палитру («swatch») для Adobe Photoshop. Кроме этого мы даём возможность покрутить комбинации на Google Art Palette и в Coolors.co.

Палитры для сайтов, которые прислал вымышленный клиент в начале этого поста:

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

Голосуем за Site Palette на Product Hunt »

Статья на английском

Комментарии

 

Karmabot Status: учёт рабочего времени в рабочих чатах

Здесь в Окленде мы с ребятами из Sliday запускаем третий виток Karmabot, нашего бота для рабочих чатиков. Из маленькой штучки-дрючки, этот чатбот вырос в нетривиальную бизнес-систему. Если правильно им пользоваться, то, как говорят клиенты, повышается производительность, появляется возможность учёта успеваемости команды.

Фич много, сегодня расскажу об основной новой, о статусах.

Читать дальше →

Комментарии