В качестве улучшения UX/UI я часто сижу и думаю, что можно было бы улучшить в приложении, чтобы пользователю было чуточку веселее пользоваться им.

Как-то раз я заметил интересную анимацию placeholder'a в нативном Desktop приложении Telegram. Подумал, что будет интересным способом использовать такое и в своих проектах.

От переводчика:
Статья написана от лица Mark Otto, одного из ведущих мейнтейнеров популярного front-end фреймворка Twitter Bootstrap, ныне разработчика CSS в GitHub.

Я всегда был заинтересован в процессе разработки разных приложений, особенно их стайлгайдов и их подходу к разработке CSS. Учитывая мою склонность к иногда бессмысленным деталям в разработке CSS, я решил немного написать о процессе разработки CSS в GitHub.

Краткая характеристика

Обзор текущего состояния CSS кода показывает:

• Использование SCSS в качестве препроцессора;
• У нас более 100 отдельных исходных таблиц стилей, которые мы компилируем перед выпуском в продакшен;
• Скомпилированный CSS разделен на 2 файла, чтобы избежать лимита на количество селекторов в версиях IE<10;
• Два этих файла имеют общий вес в 90KB;
• Мы не придерживаемся какого-то определенного подхода в архитектуре CSS;
• Мы используем пиксели в качестве единицы измерения, хотя иногда мы также пользуемся em;
• Мы используем Normalize.css и смешение наших собственных сбрасывающих стилей.