Кстати, эти мосты в том же городе (Спейкениссе), где в 2020 каламбур спас машинисту жизнь.

Поезд пробил ограждение, и чуть не упал в реку, но хвост кита спас ситуацию, и никто не пострадал.

А “каламбур” — потому что про конечную можно сказать, что это “tail end station” или “tail stop”, так там и появились эти хвосты)

Интересно, кстати, что скульптура в масштабе 1:1. Каждый раз поражаюсь размерам китов 😱

О, Гугл показал свою операционку для VR-гарнитур — Android XR. На первый взгляд, по примитивам похоже на Apple Vision OS. Надо будет засесть почитать дизайнерские гайдлайны.

Радуюсь конкуренции 🍿

- Видео
- Сайт Android XR
- Гайдлайны по дизайну

Эволюция дизайн-инструментов

Слушал подкаст с Andrei Herasimchuk, и мне очень понравился его взгляд на эволюцию дизайн-инструментов. Развитие инструментов идёт в определённом порядке:

🟧 Пиксели
Сначала инструменты просто научились красить квадратики на экране, это самая база.

🌈 Слои
Теперь мы можем положить одни пиксели над другими. Тут уже появляется простая цветовая математика: прозрачность и режимы наложения.

📦 Объекты
А что если под каждый прямоугольник/текст/картинку мы сделаем свой слой? Получаем объекты. Их уже можно растягивать, менять, задавать им всякие свойства типа скругления углов, вкладывать друг в друга, и даже задавать правила их расположения (привет авто-лэйаут в фигме).

❖ Компоненты
Кучей разных объектов сложно управлять, давайте их свяжем друг с другом! Например, теперь кнопки не сами по себе, а потомки одной, той самой кнопки из дизайн-системы.

Сейчас все редакторы как раз пытаются решить проблемы последнего уровня. Думаю, самое сложное — найти правильный баланс гибкости компонентов. Интересно, что будет дальше.

Кстати, Андрей — первый UI-дизайнер и в Adobe (!) и в Figma (!!). Он практически создал дизайн-инструменты такими какими мы их знаем. А сейчас он работает над своим инструментом и обещает там компоненты вообще по-красоте сделать. Инструмент пока не потрогать, но можно подписаться на ранний доступ.

- Подкаст
- Seldon (инструмент Андрея)

Новый логотип CSS

В августе у CSS появился свой логотип. Раньше были только логотипы по версиям, а теперь есть просто логотип языка.

Логотип выбирали публично на GitHub. Поучаствовать могли все, поэтому в треде есть варианты очень разного качества.

Мой фаворит — логотип на основе мема про CSS. Он даже чуть не победил. Но ребята всё-таки решили сделать серьёзный логотип, а жаль 🤷🏻‍♂️

Фиолетовый фон логотипа непростой — у него своя история.

В CSS есть полторы сотни именованных цветов типа red, pink, royalblue и т. д. Почти все цвета добавили в первых версиях и потом не трогали. Но 10 лет назад в спецификации появился ещё один цвет — rebeccapurple.

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

- Репозиторий логотипа
- Тред с вариантами
- Пост в блоге Эрика

Движение из видео

Узнал, что из видео очень легко вытащить движение. Достаточно наложить видео на само же себя в режиме difference и сдвинуть на пару кадров. Всё! Эффект на столько простой, что видео наверху я собрал на коленке в фигме.

Ну а дальше уже можно как угодно играться: накладывать цвета, добавлять эффекты и менять временную разницу между слоями. Рекомендую посмотреть вот это видео, это просто 7 минут красоты.

А можно пойти ещё дальше и усиливать движение, чтобы замечать самые мелкие вибрации (видео)

AI vs UI

Слушал подкаст, и там дизайнер уверенно так топил за ИИ-чаты. Типа в будущем мы будем общаться с компьютером исключительно через чат, а всё остальное станет ненужным.

А потом я зашёл в Макдональдс. И там обычная картина: четыре человека стоят в очереди к терминалу самообслуживания, а за кассой одиноко скучает сотрудница.

Вот же странные люди. За кассой их ждёт мощный, быстрый, мультимодальный интеллект с распознаванием эмоций, жестов и голоса. А они всё равно выбирают какой-то тупой, подтормаживающий графический интерфейс.

Я встал в очередь.

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

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

Кто-то делает себе уникальные наборы иконок, но это относительно легко скопировать. Кто-то вкладывается в брендовые шрифты, уникальные анимации. Airbnb целый новый формат картинок придумала ради своих анимированных 3D иконок.

Apple вчера показала своё жидкое стекло. К нему можно как угодно относиться, но чтобы его повторить, нужна целая операционная система и, кажется, в этом была вся суть.

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

В Google 50% нового кода пишет AI

В очередной раз увидел подобный заголовок и пошёл разбираться, что же там вообще считали. Потому что звучит слишком оптимистично, типа "вааау, половина разработчиков больше не нужна".

Нашёл оригинал, а там вообще всё не так радужно.

Да, половину символов в новом коде пишет AI, но что это за символы? А это автодополнения! Т.е. я пишу document., AI подсказывает document.getElementById('id'), я жму таб и вот уже больше половины кода написанно AI.

И тут все кто давно работал с кодом понимают, что в любом современном редакторе (IDE) автодополнение кода работало и раньше. Да, с AI оно стало лучше. Но раньше никто не кричал, что половину кода пишет IDE 🤷🏻‍♂️

По такой же логике, если на мобильной клавиатуре регулярно тыкаете в автодополнения слов — можете сказать, что половина ваших сообщений пишется AI 😅

Оригинал статьи

Ого, а применение-то эффекту нашлось 😈

Я тут как-то писал, что картинку из моего Hueplot'а добавили в черновик спецификации CSS.

Я тогда очень радовался. А тут у истроии появилось продолжение. Мой алгоритм (!) обработки цветов имеет шансы стать одним из трёх рекомендованных для браузеров. МОЙ АЛГОРИТМ МОЖЕТ ПОПАСТЬ В БРАУЗЕР чтооооо?!?

The EdgeSeeker algorithm is a geometric and lookup-table-based approach, originally developed by Alexey Ardov...

https://drafts.csswg.org/css-color-4/#GMA-EdgeSeeker

Я жутко рад. Я потратил на него много времени. Ни про какие браузеры конечно же не думал. Просто хотел чтобы цвета в моих проектах обрабатывались мгновенно.

Там было два пути:
1) моментально обрабатывать всё на видеокарте
2) или постараться выжать максимум из процессора всякими хитростями

Любой нормальный человек пошёл бы по первому пути и был бы прав. А я полез колесо изобретать. И придумал очень быстрый и точный EdgeSeeker.

Почти год назад я впервые рассказал про него ребятам из CSS. Потом они его тестировали против кучи других алгоритмов. И вот недавно он в черновик попал, как рекомендация. Буду дальше следить, очень интересно!

Год назад писал про статью Meta о их VR-клавиатуре. А сегодня удалось её поставить на мой квест. И это, конечно, вау. Работает лучше чем я ожидал.

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

Устал от низкокачественного AI контента в интернете.
Идёшь в локальный бар.
Плакаты на стенах:

Игрался с локальной моделью распознавания голоса. Чтобы потестировать, нацепил на себя микрофон-петличку и пошёл час гулять, наговаривать всякие мысли.

Пришёл, начал перегонять в текст. За несколько итераций поборол всякие тупые галюцинации. Читаю расшифровку. А там в середине "Субтитры делал DimaTorzok". Ржу. Иду гуглить. На гитхабе куча сообщений типа "who the fuck is Dima?" и "I hate the fucking Dima".

Оказывается, модель тренировали в том числе и на пиратских субтитрах для фильмов. А там в моменты тишины, автор любит о себе заявлять. Так модель научилась, что тишина это «DmityTorzok». А у меня в записи было предостаточно тишины, чтобы Дима проявил себя.

Бороться с этим довольно просто. Надо перед распознаванием речи воткнуть фильтрацию голоса, VAD (voice activity detection). Надеюсь, теперь Диму не скоро увижу.

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

Я ооочень давно мечтал полетать на FPV-дроне. Но порог входа всегда был заоблачный (pun intended). Изучи-ка всю матчасть, прими тысячу решений, потрать кучу денег, собери руками свой дрон, проведи десятки часов в симуляторе, и вот можно наконец-то впервые взлететь.

Эээ, спасибо, я не на столько замотивирован.

Альтернатива — дроны DJI, это такой Apple в мире дронов. Там всё просто, дорого, и за тебя всё решили. Кадры получаются красивыми, но это не ты летишь, а ИИ.

Тоже мимо.

А тут вышел DJI Neo 2, идеальный дрон для старта. Всё делает средненько, но умеет как в полную автоматизацию (серьёзно, даже пульт/телефон не нужен), так и в ручное управление.

Я купил. Полетал один раз. И на столько влюбился в это чувство полёта, что меня уже месяц не отпускает. И вот тепееерь я уже готов разбираться со всеми этими вашими параметрами, прошивками и т. д. Скоро вот мой третий дрон приедет, так может и до пайки дойду 😅

———

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