Pull to refresh
8
0
Антон Гридзь @antongridz

User

Send message

Создание собственной цветовой палитры

Reading time4 min
Views44K
Адаптировано из нашей будущей книги «Рефакторинг UI»

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



Такой вычислительный и научный подход к выбору идеальной цветовой гаммы крайне соблазнителен, но не очень полезен.
Читать дальше →
Total votes 94: ↑92 and ↓2+90
Comments12

Правда ли уже пора использовать CSS Grid Layout?

Reading time7 min
Views30K

Я учусь пилотировать легкие самолеты. Это отвлекает меня от компьютеров. Недавно мне никак не удавалось удержать Сессну-150 на малой высоте, когда мы приближались к аэропорту Бристоля. Меня буквально засосало в облако восходящим потоком. Мой летный инструктор сказал: «Это не ваша вина, но ваша проблема». Он имел в виду, что я обязана была удерживать высоту, пусть даже что-то работало против меня. Мне нужно было узнать, что бывает такая ситуация, и научиться справляться с ней при пилотировании.


Уже после приземления я подумала, что фраза «это не ваша вина, но ваша проблема» отлично подходит практически к любым ситуациям. В этой статье я раскрываю тему поддержки старых браузеров при использовании новых технологий наподобие CSS Grid Layout. Мы, разработчики, часто робеем при обсуждении браузерной поддержки с заказчиками и коллегами, как будто это мы виноваты в том, что сайты не выглядят в IE9 в точности так же, как в новейших Firefox или Chrome. Пора нам уже принять, что это не наша вина. Но обязанность справиться с этим как следует, с пользой для каждого — во многом наша проблема.

Читать дальше →
Total votes 17: ↑16 and ↓1+15
Comments32

Пример написания функциональных требований к Enterprise-системе

Reading time16 min
Views362K
Недавно мой друг, программист, рассказал, что он не читает требования, а вместо этого приглашает аналитика на чашку чая, они вместе садятся, и аналитик рассказывает, что должно быть реализовано. Мой друг — умный человек и хороший программист, и причина, почему он получает знания о требованиях именно так, не в том, что ему лень читать документацию, а в том, что, даже прочитав ее, он до конца не разберется, что же надо сделать. В данной статье я хочу рассказать, как можно написать требования к программному продукту так, что программисты не просто используют требования, но и участвуют в их написании; на основе собственно опыта я хочу показать, каким образом можно описать требования, чтобы эти описания были достаточными для реализации системы.

Целью нашей разработки было создание с нуля учетной системы для одной из крупных российских компаний. Система была призвана заменить текущую, написанную в конце 90-х. В результате были реализованы платформа и один из бизнес-модулей. В реализованной части было порядка 120 объектов, 180 таблиц, около 30 печатных форм.

Хочу оговориться, что подход, описанный ниже, не универсален для написания любого ПО. Он подходит для систем уровня предприятия, которые строятся на основе объектно-ориентированного подхода: учетных, CRM-, ERP-систем, систем документооборота и т.п.

Вся документация на наш программный продукт состояла из следующих разделов:
  • Общая часть
    • Список терминов и определений
    • Описание бизнес-ролей
  • Требования
    • Бизнес-требования
    • Общие сценарии
    • Сценарии использования
    • Алгоритмы и проверки
    • Системные требования
    • Нефункциональные требования
    • Требования к интеграции
    • Требования к пользовательскому интерфейсу
  • Реализация
  • Тестирование
  • Руководства
  • Управление

Читать дальше →
Total votes 15: ↑13 and ↓2+11
Comments36

CSS: введение в единицу длины 'fr'

Reading time4 min
Views87K


Пока все активно делятся своими впечатлениями от CSS-гридов, я не слышал, чтобы кто-то столь же много говорил о новой единице длины в CSS — fr (см. спецификацию). И теперь, когда браузеры все лучше начинают поддерживать ее, я думаю, пора взглянуть на то, как ее можно использовать в сочетании с этой техникой вёрстки, поскольку это дает нам ряд преимуществ. Главные из них — это более понятный и удобный в сопровождении код.
Total votes 45: ↑44 and ↓1+43
Comments33

Итеративный дизайн и GitHub

Reading time1 min
Views7.1K
Вот уже два дня как сообщество GitHub негодует о первой итерации изменения дизайна. Заключается она в смене светлой стилистики шапки хранилища на тёмную.

Было:

image

Стало:

image
Читать дальше →
Total votes 21: ↑13 and ↓8+5
Comments19

О начинающих разработчиках и принципах работы с ними

Reading time7 min
Views141K
image

За последние десять лет через меня прошло много начинающих разработчиков. Да и чего греха таить, я тоже когда-то был начинающим разработчиком. За это время я получил тысячи вопросов а-ля “как стать разработчиком”, а также просьб взять людей к себе на практику. К сожалению, даже под чутким руководством более опытных специалистов, далеко не каждому хватает сил и мотивации перейти на качественно новый уровень. Статистика — вещь упрямая: количество “пытающихся” и “достигающих успеха” распределяется согласно принципу Парето, т.е. 20/80, где из десяти человек максимум двоим удается пройти первоначальное испытание. Остальные отваливаются по дороге или процесс обучения у них растягивается на долгие годы. И все же, каким должен быть начинающих разработчик, какими навыками и знаниями он должен обладать? Об этом и пойдет речь в статье.

Читать дальше →
Total votes 149: ↑103 and ↓46+57
Comments160

Дорогой веб-дизайнер, давай перестанем нарушать возможность скроллить

Reading time3 min
Views64K


Мы все это видели. Вы заходите на веб-сайт — и вот она: большая, красивая фотография во весь экран. Сейчас это огромный (каламбур) тренд в веб-дизайне, и похоже, что людям это нравится.
Но так ли это?
Total votes 64: ↑53 and ↓11+42
Comments57

Советы основателя. Антон Гладкобородов, CEO Coub

Reading time3 min
Views18K
На «Мегамозге» снова «Советы основателя». В этот раз мы побеседовали с Антоном Гладкобородовым – одним из создателей сервиса Coub.

Coub был основан в апреле 2012 года братьями Антоном и Игорем Гладкобородовыми и Михаилом Табуновым. Название сервиса происходит от слова «Cobb» – протагониста фильма «Inception». В 2013 году офис компании переехал в Нью-Йорк. Финансирование к текущему моменту составляет $3,5 млн, месячная посещаемость более 50 млн уникальных пользователей.

Coub позволяет пользователям публиковать короткие зацикленные видеоролики продолжительностью до 10 секунд (коубы). Ролики могут иметь звуковое сопровождение, не синхронизированное со своим содержимым и значительно превышающее по длительности видеофрагмент. Ролики могут быть как загружены на сайт из памяти компьютера, так и импортированы с сервисов «YouTube» и «Vimeo».
Читать дальше →
Total votes 36: ↑34 and ↓2+32
Comments8

Практика работы «в белую» с иностранными заказчиками

Reading time4 min
Views108K
Итак, тут уже была серия статей про то как открыть ИП, как вести бизнес с иностранцами и так далее.
Я хочу всё систематизировать и поделиться реальной практикой.

Для начала введём определения и ограничения:
1. вы уже должны быть зарегистрированы как ИП и вы ознакомились со статьями: habrahabr.ru/blogs/freelance/132232, habrahabr.ru/blogs/freelance/132360, habrahabr.ru/blogs/Dura_Lex/114069
2. мы хотим вести бизнес честно, платить с этого налог и делаем это в России;
3. всё что написано ниже в статье применимо только к ИП, возможно что-то применимо и к ООО, но я ИП и рассказываю про ИП;
4. ИП рассматривается на упрощённой системе налогообложения (УСН) со схемой уплаты налогов в 6% от дохода и без наёмных работников – то есть вы сами по себе;
5. вы предоставляете услуги в области ИТ (программинг, дизайн, консультации и т. п.).

Читать дальше →
Total votes 65: ↑64 and ↓1+63
Comments145

Дайджест продуктового дизайна, январь 2015

Reading time17 min
Views16K
Уже почти пять лет я публикую регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-декабрь 2014.

Дайджест продуктового дизайна, январь 2015
Читать дальше →
Total votes 29: ↑26 and ↓3+23
Comments0

The UX Reader: книга о работе UX-команды MailChimp [часть 1]

Reading time14 min
Views38K


[TL;DR]

[ 2-я часть книги ]
[ 3-я часть книги ]
[ 4-я часть книги ]
[ 5-я часть книги ]
[ 6-я часть книги ]
[ 7-я часть книги ]
[ 8-я часть книги ]

Введение


Команда MailChimp любит делиться результатами своей работы, что впоследствии дает удивительный эффект. Это помогает нам внимательнее относиться к тому, чем мы занимаемся: «Посмотрим, как же нам это удалось? И почему мы решили, что это – наилучший метод?».

Мы выделяем эффективные подходы к решению тех или иных задач: «Мы сэкономили кучу времени, решив это таким образом». Публикация таких подходов порождает интересное обсуждение: «Значит, вы это сделали именно так? Интересно, а почему?».

Это помогает нам не зазнаваться: «Да, вы правы. Мы могли бы реализовать это иначе». Скромность и открытость для новых идей – источник для нашего профессионального роста: «Хорошо, мы руководствовались данным методом, но решили его пересмотреть и провести эксперимент. В результате мы пришли к тому, что есть и более эффективные подходы».

Мы делимся результатами своей работы для того, чтобы достигать лучших результатов в своей деятельности. В этом и заключается суть нашей книги. Надеемся, что она поможет аналогичным образом и вам. Но есть и еще одна причина того, что мы решили выпустить эту книгу: она позволяет нам изучить многие вопросы глазами наших клиентов.
Читать дальше →
Total votes 15: ↑14 and ↓1+13
Comments2

Один день в офисе 500px. Фото-рассказ

Reading time3 min
Views109K
Этим летом мне посчастливилось быть в Торонто. Именно там, а не в привычной всем Долине, находится офис стартапа №1 в Канаде — 500px. Конечно, нельзя было упускать шанс побывать в гостях у известного на весь мир проекта, который, кстати сказать, создали и развивают два «наших» фотографа — москвич Евгений Чеботарев и киевлянин Олег Гуцол. Так что, в одну из пятниц я отправился в гости.

Что такое 500px?


«500px — is a photo community powered by creative people worldwide», — так о своем проекте говорят сами авторы. Я бы добавил, что это лучший сайт с самыми красивыми фотографиями, которые я когда либо встречал.

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

Побывать в офисе у такого проекта и окунуться в рабочую атмосферу было по-настоящему интересно.

Офис


Основное рабочее пространство — open space в большой комнате. Столы расположены «фермами» в несколько рядов по 4-6 рабочих мест в ряду. Рабочие места — друг на против друга.



Читать дальше →
Total votes 71: ↑62 and ↓9+53
Comments42

Айдентика без логотипа

Reading time2 min
Views3.8K
Время от времени тот или иной дизайнер понимает, что формула «логотип + фирменный цвет» не есть универсальное решение для любого фирменного стиля. Недавно в ру_айдентити снова был поднят этот вопрос: какими способами помимо логотипа можно сделать бренд графически уникальным и узнаваемым. Я хочу поделиться с вами подборкой подобных примеров, которую собрал некоторое время назад.

Билайн


Получил некоторое количество нелестных отзывов в сторону своего логотипа, мол, эта цветная полосатая кнопочка в монохроме превращается в черти что. Но давайте попробуем вспомнить, сколько раз нам случалось за эти 3 года видеть Билайн в ч/б? =) Полосатый знак-шарик здесь не более чем абстрактное выражение полосатого стиля.


Читать дальше →
Total votes 83: ↑61 and ↓22+39
Comments41

Самые интересные стартапы в рунете – весна 2008

Reading time3 min
Views640
По роду своей деятельности, я регулярно провожу мониторинг интересных Web 2.0 стартапов в рунете. На этот раз я решил поделиться моим видением с хабрапользователями и рассказать Вам о самых ярких стартапах, запущенных весной 2008 года. Для каждого из стартапов мы коснемся возможных каналов монетизации и обсудим слухи об инвестировании.
Читать дальше →
Total votes 76: ↑62 and ↓14+48
Comments61

Восстановление битых пикселей ЖК

Reading time1 min
Views126K
Сомневался в успешности метода, а также в том, что мой вечно салатовый пиксель, застывший полгода назад и постоянно мозоливший мне глаз, «станет на место». Но…
О чудо, помогло!
screenshot

Читать дальше →
Total votes 143: ↑142 and ↓1+141
Comments144

«Не хочу работать на дядю!» — обратная сторона медали

Reading time3 min
Views8.1K
В последнее время на хабре читаю много постов о том, как это прекрасно иметь свое дело и освободиться от ежедневного вставания в 5 утра, двухчасовой поездки в электричке на работу, восмичасового «обезьяньего труда» и вечернего отдупления. И всего этого еще пять дней в неделю круглый год.

Читать дальше →
Total votes 146: ↑136 and ↓10+126
Comments188

Делайте ошибки, но не повторяйте их трижды

Reading time2 min
Views1.5K
«Покажите мне человека, который не ошибся ни разу в жизни, и я вам покажу человека, который ничего не достиг», — Джоан Коллинз

В футбольной команде, у которой случился очень неудачный сезон, руководство клуба решило заменить главного тренера. Старый главный тренер, передавая дела, предупредил своего преемника о том, что в сейфе он оставляет три конверта пронумерованные: номер 1, номер 2 и номер3.
- Если у тебя возникнут проблемы, то вскрывай их по очереди
Total votes 65: ↑51 and ↓14+37
Comments23

Семь заповедей быстрого чтения

Reading time5 min
Views22K
— Чувак, наточи топор!
— Да некогда мне! Дрова нужно рубить!


Далеко не каждый хабраюзер может позволить себе систематический курс скорочтения, будь то «Доминанта» Олега Андреева (как одна из ступеней комплексного интеллектуального развития), или «Техника быстрого чтения» Хромова. В этой статье я попытаюсь простым языком описать основные приёмы, которые можно легко запомнить и стараться применять их на практике без отрыва от работы, или учёбы.

Читать быстро
Total votes 87: ↑78 and ↓9+69
Comments198

Существует ли зло?

Reading time2 min
Views11K
Один умный профессор однажды в университете задал своим студентам такой вопрос.
-Все, что существует, создано Богом?

Один студент смело ответил:
— Да, создано Богом.
— Бог создал все? — спросил профессор.
— Да, сэр, — ответил студент.

Профессор спросил:
— Если Бог создал все, значит Бог создал зло, раз оно существует. И согласно тому принципу, что наши дела определяют нас самих, значит Бог есть зло.

Студент притих, услышав такой ответ.

Читать дальше →
Total votes 236: ↑177 and ↓59+118
Comments313

Интервью с Денисом Сажиным

Reading time11 min
Views2K


Второе интервью из цикла «Сфера создания сайтов изнутри». На вопросы отвечает Денис Сажин – дизайнер иконок и создатель студии Иконка.ру.


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

Читать дальше →
Total votes 52: ↑50 and ↓2+48
Comments22

Information

Rating
Does not participate
Location
Киев, Киевская обл., Украина
Date of birth
Registered
Activity