В CSS появилась функция if() — наконец-то условная логика прямо в значениях свойств

До этого приходилось использовать Sass, @media, @supports или раскидывать стили по разным селекторам. Теперь можно писать инлайн:

color: if(style(--theme: dark): white; else: black);

Как это работает, где поддерживается и когда использовать — в статье.

#css #фронтенд

Друзья, у нас есть крутой канал по нейросетям

Мы отбираем там самую интересную информацию по машинному обучению, LLM и всему, что связано с нейросетями.

Будем рады видеть вас там. Присоединяйтесь: @neuro_channel

Отвлекитесь от «Топ-100 рождественских фильмов» и обратите внимание на подборку для разработчиков:

По ссылке собраны 100+ самых просматриваемых докладов 2025 года, разбитых по языкам: Java, Rust, Go, JavaScript, Python, Kotlin и C++.

У каждого доклада есть короткий tldw‑саммари, чтобы сразу понять, стоит ли тратить время на просмотр.​

А потратить время есть на что: в списке есть доклады про новые фичи Java 21–25, Rust‑стек для веба, Go‑инструменты, современные паттерны в React/Node, Python‑доклады про RAG, DuckDB, виртуальные окружения, Kotlin Multiplatform, C++20/26 и многое другое.

По сути, это curated‑список «лучших докладов года», который можно сохранить себе и постепенно открывать интересное.

В прикреплённом PDF сохранена веб-версия на случай, если ссылка перестанет работать.

Снимайте треники — Новый год вы отмечаете в ОТПадном луке!

OTP Tech принес вам timeless образ того самого квотербека, который скоро станет королем школы.

+2026 очков к удаче в грядущем году, если отправите этот скин трём друзьям и с первого раза поймаете его в нашей виртуальной примерочной!

Реклама

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

Заканчивайте работу, пора искать пасхалки в бинго! И делитесь скринами вашего результата, конечно.

Можно ли выйти в интернет в 2025 году через Windows 95? Какие сайты откроются?

@prog_stuff

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

Пишите только самые необычные варианты в комментарии.

С Новым годом, друзья!

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

Начнём марафон залипательных игрушек для длинных выходных.

Первой будет бесплатная браузерная головоломка Untrusted, которая создана больше 12 лет назад, но до сих пор обновляется и всё ещё прекрасна.

Слева игровое поле, справа код. Вы играете за персонажа Dr. Eval и на каждом уровне помогаете ему справиться с препятствиями и найти выход. Для этого меняете JavaScript-код, который частично заблокирован для редактирования.
​
Подразумевается, что у вас уже есть хотя бы базовые знания JS: это не игра-обучалка, конкретных задач и «уроков» там нет. Головоломки быстро усложняются, решения с прошлых уровней перестают работать (научился удалять стену? ну круто, но это теперь нельзя, программируй робота).

А ещё! Можно генерировать свои уровни и проходить «неофициальные» уровни от других игроков.

Игра: https://untrustedgame.com/

Исходники: https://github.com/AlexNisnevich/untrusted

@tproger

Продолжим трясти стариной и вспомним про NandGame. Чтобы вайбкодить на питоне, наверное, не надо знать, как работают логические вентили. Но если хотите знать — постройте комп с нуля! Разбираться в архитектуре или сложной математике для этого не обязательно.

В начале игры вам доступен только логический блок NAND. Используя его как основу, вы последовательно создаёте все остальные компоненты компьютера. Сначала собираете простейшие логические элементы, потом арифметико-логические устройства, память и, наконец, центральный процессор. После успешного создания элемента по спецификации вы можете использовать его на следующих уровнях.
​
Дальше есть несколько софтверных уровней: пострадаете на ассемблере и попробуете создать высокоуровневый язык.

Игра появилась как фановый спинофф от образовательного проекта From Nand to Tetris. Если хочется больше системности, можно пройти их курсы на Coursera вольным слушателем.

Ещё в той же тематике имеет смысл упомянуть платные Silicon Zeroes (строим комп в Долине 60-х) и Turing Complete (NandGame на стероидах с большой песочницей). С ними можно продолжить обучение в игровой форме.

Ретро-настроение какое-то на этой неделе... 📠

@tproger

У меня опять сломался грузовой лифт (со мной внутри), поэтому сегодня будет Elevator Saga: игра про управление лифтами.

Суть простая: на экране здание с лифтами и людьми, которые хотят попасть на разные этажи. Задача — написать на JS логику, которая будет решать, куда ехать каждому лифту. Чем эффективнее алгоритм, тем больше людей успеете перевезти за отведённое время и тем сложнее уровни откроются.

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

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

Всё бесплатно, как мы любим: https://play.elevatorsaga.com

Автор давно не обновляет игру, но в неё продолжают играть, обсуждать на реддите и даже делать свои версии.

@tproger

Три детектива для изучения SQL: Case Files, Noir и старый добрый Murder Mystery

Браузерные детективные игры, в которых вы учите или практикуете SQL, раскрывая преступления с помощью запросов к базам данных.

SQL Murder Mystery
Классика, и вроде как вообще первая игра в этом жанре. Вам даётся один большой кейс — расследование убийства в вымышленном SQL City, где надо поэтапно искать свидетелей и улики через запросы к базе SQLite. Подходит как для новичков (есть подробный walkthrough), так и для опытных (просто не подглядывайте в подсказки).

SQL Noir
Open-source проект с атмосферой детективного нуара 80-х годов. Несколько разных кейсов с уникальными схемами баз данных и нарастающей сложностью. Есть система прогресса с очками опыта детектива и разблокировкой новых дел.

SQL Case Files
Работает на SQLite WASM, в отличие от Noir не нужно заводить аккаунт. Короткие кейсы вместо длинных квизов; валидатор проверяет результат запроса, а не его текст (то есть принимает альтернативные решения); есть офлайн-режим через PWA.

Выбирайте :) и если есть возможность, поделитесь отзывами о любых играх про SQL, хочется бахнуть подборку на сайт.

@tproger

Сегодня три игры от Zachtronics, где нужно писать код на упрощённом ассемблере для решения инженерных задач.

Игры платные, но недорогие: каждая в стиме стоит 5–10 баксов, зависит от региона.

TIS-100
Первая «кодерская» головоломка от Zachtronics: пишете типа на ассемблере для вымышленного многопоточного компьютера. Даёт ощущение настоящего программирования, есть пошаговый дебаггер, минималистичный интерфейс не отвлекает от задачи. Но это может быть и минусом: визуально игра очень аскетична, без любви к низкоуровневому коду быстро надоест.

Shenzhen I/O
Симулятор работы инженера в Шэньчжэне: проектируете схемы и пишете прошивки для микроконтроллеров. Похоже на реальную embedded-разработку, можно соревноваться с друзьями по оптимизации, есть даташиты для распечатки и даже встроенный пасьянс для отдыха :) Из минусов — высокая сложность, после перерыва сложно вспомнить логику своих же схем.

Exapunks
Киберпанк про хакеров в альтернативном 1997-м: программируете мини-ботов EXA, чтобы «взломать всё: банки, универы, фабрики, телеки... и даже своё тело». Атмосферная стилизация под 90-е, можно писать мини-игры на встроенной консоли, есть PvP-режим. Сложность быстро растёт, для коротких сессий игра, пожалуй, не очень подходит.

@tproger