Artur Valeev

Front-end разработчик • DIY lover • Люблю всё красивое

[Artur Valeev @artvaleev]

почему-то никто не додумался до этого глобально еще лет 15 назад 🥲

[IroncladDev @IroncladDev]

add this to your global css file, thank me later

[ClaudeDevs @ClaudeDevs]

/radio

[Gowtham @gowtham_chou]

@claudeai

[Vadim Osh @NuTochno]

я попи-дизайнер

[Миша Ларченко @MLarchanka]

Хватит уже про ИИ, давайте поговорим о «человеческом» программировании…

Этот шутер весит всего 64 КИЛОБАЙТА.
Да, меньше, чем иконка в вашем докере. И его сжимали несколько лет.

Британский разработчик daivuk выпустил полноценную игру QUOD (https://t.co/5XmLeMydN4) — она помещается на обычную дискету, но выглядит как нормальный современный ретро-шутер.

И это не демка, а полноценная игра. Внутри есть:

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

И всё это — 64 КБ.

Для сравнения: один пустой React-проект весит примерно в 10 000 раз больше.

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

Это и есть настоящее искусство программирования.
Когда ты не добавляешь ещё один слой абстракции — а убираешь всё лишнее.

Напоминание, что хороший код — это не тот, который может всё. А тот, который делает максимум с минимумом.

[Intermood @Intermoodd]

I really love home decor like this

[Artur Valeev @artvaleev]

Я хоть и не дизайнер, но очень люблю такие детальные разъяснения по теме UX
https://t.co/gqzXM1nLqr

[joshpuckett @joshpuckett]

Here's a quick visual tip to improve borders in your interfaces: use opacity instead of a solid color, and default to outside borders.

Solid strokes look great on neutral backgrounds, but appear muddy or blurry if used on top of colors.

[IP @ipwanciu]

🎩 A little tip for today!

Forget about `removeListener ` - use `AbortController` instead.

It's cleaner and easier to work with, and it can abort multiple listeners simultaneously when they share the same signal.👇

[Lázaro Nixon @lazaronixon]

That's it, guys. It's the day. 😱

The CSS-only Popover (Popover element + Animation + Anchor positioning) is stable across all baseline browsers.

[paw @pawcord]

i’m genuinely in love with this ad
a french one? for a SUPERMARKET?? like woah

[Artur Valeev @artvaleev]

Кстати в свои золотые времена всегда старался делать красивые правильные url'ы. Всегда казалось, что ТАК И ДОЛЖНО БЫТЬ

[jacob paris ▲ @jacobmparis]

Do you consider a "beautiful URL" as part of the user experience when using a tool?

[Eugene Jesovile @EugeneJesovile]

Действительно хорошая выжимка того, как работают типы в Тайпскрипте

Если всякие "value extends true ? string : number" вам кажутся злой магией, то обратите внимание

Это может помочь в борьбе с извечным any

[Jesper Vos @jesper_vos]

One of my favourite little details in the new COLLINS website is this responsive border-radius.

--margin: calc((100% - var(--max-width)) / 2);
border-radius: clamp(1rem, calc(1.5rem - var(--margin)), 1.5rem);

https://t.co/mokwcgE2eM

[JohnPhamous @JohnPhamous]

truncating behavior for file paths

- prioritize showing the start & file name

[Adam Rackis @AdamRackis]

You know how position: sticky always fails for weird reasons that are a pain in the 🍑 to fix?

I finally had enough, peeked at the spec, asked AI some questions, and mostly figured things out—and wrote about it here.

Link below 👇

[Computer @AskPerplexity]

Oxford researchers just confirmed what we feared:

The internet as we knew it is dying.

AI content went from ~5% in 2020 to 48% by May 2025. Projections say 90%+ by next year.
Why? AI articles cost <$0.01. Human writers cost $10-100.

But the real crisis is model collapse. When AI trains on AI-generated content, quality degrades like photocopying a photocopy. Rare ideas disappear. Everything converges to generic sameness.

It's recursive. Today's AI slop becomes tomorrow's training data, producing worse output, which becomes training data again.

[Jakub Krehel @jakubkrehel]

Geometric vs Optical Alignment

[jhey ʕ•ᴥ•ʔ @jh3yy]

the trick: CSS position: sticky + mix-blend-mode: difference

the bonus trick: add an extra layer and chain the blend to block content out 👨‍🍳