Окошечки

[ermouth]

Дыброво-рабочее.

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

Волюнтаристским способом было решено, что регистрация/авторизация только через номер телефона, причём без пароля, каждый раз код. Чтобы это не заматывало, сессии длинные – то-есть вводить код из СМС нужно, по идее, всего раз на устройстве. Ну и СМС небесплатное удовольствие для отправителя, сильно не забалуешь.

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

Получилось так:

Тут сложных моментов было два:

• утолкать какой-то компактный выбор юпиков без непременной необходимости загрузки своей фотки,
• строка с кодом и ссылкой “Получить код”.

По коду – сначала вместо ссылки была кнопка, получалось довольно стрёмно.

По иконкам ещё предстоит решить проблему с обрезкой/поворотом кастомных фоток – у меня есть отличный боевой кроппер со всем обвесом под десктоп/планшет, но нет под мобилу.

С мобилами есть один удручающий момент – несмотря на чудовищные вычислительные мощности и кучу памяти, JPEGи с камер пишутся почти всегда в ландшафтной развёртке, а в портрет это превращается меткой в EXIF.

Так вот, рендерилка браузера эти EXIF-ы понимает, а <canvas>, с помощью которого делается обрезка – нет. То-есть нужен такой кроппер, который не просто читает картинку, а ещё и разбирает её EXIF и поворачивает, если надо.

Ну и сама логика работы кроппера другая – на десктопе/планшете рамка обрезки таскается за углы, а на мобиле рамка неподвижна. Фотка под рамку должна вгоняется/масштабироваться двумя пальцами, как в Инстаграме.

А есть ещё ведроид же… Не скучаю, в общем.