Make Focus a Little More Engaging

codepen.io/argyleink/pen/JjEzeLp

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

@media (prefers-reduced-motion: no-preference) {
:focus {
transition: outline-offset .25s ease;
outline-offset: 5px;
}
}

Попробуй попади

codepen.io/una/pen/LYxvbqb

Ещё чисто маленькое напоминание, пойти и проверить, как у вас на проде — приходится ли людям целится в милипиздрюческие квадратики и кругляшки, или с этим всё у вас нормально.

Internal Combustion Engine

ciechanow.ski/internal-combustion-engine

Бартош опять выдал годноту, да, это тот чувак, которого вы знаете по статье про свет и тени в компьютерной графике, про Землю и Солнце... Короче, в этот раз — рассказ о работе двигателя внутреннего сгорания и как всегда с чумовым интерактивом. Погнали дёргать ползунки!

Вояж от Яндекс.Драйва

Это такие карточки с фото и описанием мест для путешествий на каршеринге. Так и до Сторис недалеко.

Чта?! Выдохните, это где-то в параллельной вселенной.

Я два раза не повторяю, два раза не повторяю. КиноПоиск, поправляйся.

Real-Time Multiplayer to Personal Website

brianlovin.com

Взять и сделать мультиплеер как в Фигме, но для своего портфеля. Это настолько больной UX, что мне нравится.

Логотип за 62К, дополнительное мозгоёбство +44К

letter.work

Охуенно и главное работает. Единственное, ребятам надо курс прикрутить к переключалке Ru/En.

Не двоичные вперёд!

FedEx Arabic

Самый охуенный челлендж в работе над логотипом — адаптация его под другие реалии. Например, смотрите, как FedEx смог сохранить свою стрелку в арабском варианте. Но если при этом плохо вникнуть во все тонкости и сделать на отъебись, то на тебя потом наедут и бошку секернут.

3D Looping Animations

polywork.com

Намана. Весь лендос с сочными 3D-челабуками, единственное, с навигацией беда. Все, кто принимал участие тут.

Smarter Way to Insert Components

twitter.com/gaddafirusli/status/1390722947418005506

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