{"id":2175,"url":"\/distributions\/2175\/click?bit=1&hash=803b6e1bcbd9dfc4ba9456fda887a878c80d24df8d3a575913b14876e18923a5","title":"TJ \u0437\u0430\u043a\u0440\u043e\u0435\u0442\u0441\u044f 10 \u0441\u0435\u043d\u0442\u044f\u0431\u0440\u044f \u2014\u00a0\u043f\u0440\u043e\u0447\u0438\u0442\u0430\u0439\u0442\u0435 \u0430\u043d\u043e\u043d\u0441 \u0441 \u0434\u0435\u0442\u0430\u043b\u044f\u043c\u0438","buttonText":"\u0427\u0438\u0442\u0430\u0442\u044c","imageUuid":"d1d355d8-93a3-5140-aeae-14b03046b760","isPaidAndBannersEnabled":false}
Офтоп
Kolyanok

Неправильно это вы, дядя Илья, эмодзи реализовываете

Заметил я тут одну не шибко приятную особенность веб-интерфейса TJ. Это эмодзи. Постараюсь объяснить, почему отображение эмодзи на TJ реализовано неправильно.

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

Во-вторых, сегодня существует много всяких и разных разрешений экранов, поэтому картинки должны быть наивысшего разрешения (про векторные изображения я в курсе, но не все браузеры их поддерживают), что, в свою очередь, немного нагружает страницу. В случае с TJ, правда, эмодзи позаимствованы из ВКонтакте и имеют весьма низкое разрешение, что бросается в глаза (по крайней мере на Retina дисплее моего Макбука).

В-третьих, есть вопросы непосредственно к самой реализации на TJ:

Некоторые смайлы представляются в виде картинок, а некоторые — в виде обычных эмодзи. В браузерах, поддерживающих эмодзи, оно отображается как-то так:

А в тех браузерах, которые эмодзи не поддерживают, все это выглядит так:

И это, соответственно, не есть хорошо.

Существует и второй момент: в статьях и заголовках эмодзи постятся «в голом виде», что разочарует тех людей, которые сидят через не поддерживающий эмодзи браузер.

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

Заранее спасибо Илье Чекальскому. Я верю, что он обратит внимание на проблему.

С эмодзи надо разобраться 😊

0
33 комментария
Написать комментарий...
Обыкновенный калькулятор

Лучше приделайте смайлы из Аськи! Штоб тепло, лампово, 2007!

Ответить
Развернуть ветку
Мелкий дым
Ответить
Развернуть ветку
Серьезный пёс_анон

Комментарий недоступен

Ответить
Развернуть ветку
Традиционный корабль

Пользуясь случаем, хочу спросить, кто-нибудь знает крутую бесшовную реализацию для emoji для javascript или php? Кроме EmojiOne

Ответить
Развернуть ветку
Нелепый томагавк_два

https://github.com/iamcal/js-emoji как мне кажется, хорошее решение.

Ответить
Развернуть ветку
Теплый теркин30см

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

Ответить
Развернуть ветку
Срочный томагавк_два

Комментарий недоступен

Ответить
Развернуть ветку
Корпоративный Мурод

это успех. Завидую

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Средневековый динозавр

Самый первый эмодзи из этого перечня у меня теперь надолго будет ассоциироваться с Виталием Ивановичем

Ответить
Развернуть ветку
Растительный кран
Apple Color Emoji

Самые отвратительные, после версии из десятой винды.

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Газовый ихтиандр

В превью, кстати, emoji гораздо лучше выглядят

Ответить
Развернуть ветку
Мелкий дым
Сегодня же эмодзи поддерживает большинство современных операционных систем и браузеров

Это например где?

Ответить
Развернуть ветку
Серьезный пёс_анон

Комментарий недоступен

Ответить
Развернуть ветку
Мелкий дым

А какие шрифты надо для не 4к монитора? Любишь чтоб буквы были большие и пушистые с размытыми краями?

Ответить
Развернуть ветку
Нелепый томагавк_два

Ну со шрифт со сглаживанием, как по мне, куда более читабелен и глазу приятен. Каждому своё, конечно.

Ответить
Развернуть ветку
Оперативный паркур

В 2016-м.
Но выглядит плохо, да.

Ответить
Развернуть ветку
Мелкий дым

Какой браузер в 2016 заменяет эмодзи на цветную картинку?

Ответить
Развернуть ветку
Нелепый томагавк_два

Safari на Mac у меня нормально отображает эмодзи. Именно как символы, а не как картинки. Хрен его знает, почему там в Google до сих пор тупят и не добавляют в Chrome поддержку эмодзи, хотя давно пора бы уже...

Ответить
Развернуть ветку
Мелкий дым

И ты хочешь чтоб у всех смайлики отображались уродскими символами как у тебя? С какой претензией к Илье ты обращаешься?

Ответить
Развернуть ветку
Нелепый томагавк_два

Ну я же все написал:|

Ответить
Развернуть ветку
Веселый утюг

Firefox, Safari.

Ответить
Развернуть ветку
Мелкий дым

Firefox 45.0.2 цветных картинок не показывает

Ответить
Развернуть ветку
Веселый утюг

Firefox 47.0 на Windows 10.

Ответить
Развернуть ветку
Мелкий дым

На последней убунте чёрные уродские символы вместо цветных картинок в первой колонке

Ответить
Развернуть ветку
Оперативный паркур

Что у тебя со шрифтом вообще?

Ответить
Развернуть ветку
Мелкий дым

Обычный шрифт без лишних символов типа собак и тако. Автор похоже школота с айфоном. Школота потому что думает что до 2008 смайлики были непопулярны, а с айфоном потому что у него картинки цветные подставляются.

Ответить
Развернуть ветку
Нелепый томагавк_два

Я сказал, что до 2008 эмодзи были непопулярны, а не смайлики. И при этом написал, что сижу с макбука. Но и на ведроиде, и на айфоне уже давно отображаются эмодзи нормально. Поставь шрифт себе другой на свою бубунту. Какой-то скучный ты.

Ответить
Развернуть ветку
Яркий якорь

¯\_(ツ)_/¯

Ответить
Развернуть ветку
Обыкновенный калькулятор

ლ(ಠ益ಠ)ლ

Ответить
Развернуть ветку
Скучный хот-дог

То самое чувство...

Ответить
Развернуть ветку
Обширный Кирилл

Хочешь выпендриться – ставь эмодзи, хочешь быть понятым – юзай смайлики :)

Ответить
Развернуть ветку
Альтернативный рак

Хочешь покарать — ставь точки.

Ответить
Развернуть ветку
Неясный кот

.

Ответить
Развернуть ветку
Читать все 33 комментария
null