💻 Пока меня не было здесь, Tailwind 4.0 уже вышел в релиз. Теперь можно потихоньку обновлять его в проектах

Не смотря на большое количество breaking changes, мигрировать на новую версию можно одной командой:

npx @tailwindcss/upgrade@next

А ещё они обновили лендинг и документацию. Получилось стильно

💬 DeepSeek R1

Я протестировал языковую модель DeepSeek R1. И меня удивило то, что она хорошо справляется с задачами. При этом работает шустрее o1, которая спрятана за пэйволлом OpenAI

DeepSeek запутал всех своими названиями опенсорсных моделей. Настоящая r1 — это только крупная модель с 671 млрд параметров, которую большинству невозможно запустить локально

Однако в отличие от моделей OpenAI скачать DeepSeek R1 можно на Hugging Face

Версии r1 distill с 70 миллиардами параметров и меньше — это не полноценная r1, а упрощенная версия. Они не показывают лучшую производительность среди моделей своего размера

⚡️ Ну и добивная: DeepSeek представили несколько часов назад Janus Pro 7B — конкурент DALL-E 3 и Stable Diffusion

Из-за хайпа R1 про Janus Pro пока нигде не слышно)

huggingface.co/deepseek-ai/Janus-Pro-7B

Производительность сопоставима с o1, но это не самое главное. Главный козырь — цена 👇

1 млн входных токенов: 15$ → 0.55$ (R1)
1 млн выходных токенов: 60$ → 2.19$ (R1)

На 96% дешевле, чем o1…

🤔 Как попробовать DeepSeek R1?

Через веб-приложение или нативные приложения для iOS, Android

В приложении включите режим DeepThink (R1). Перед ответом на ваш запрос модель будет «думать». Это особенность таких моделей для лучшего качества ответа

В таком режиме работы модель способна решать более сложные задачи, которые с затруднением решают Claude и ChatGPT

🤑 Откуда такой прайс?

32 бит vs 8 бит

GPT-4 и Claude используют 32-битные числа (это как хранить каждое число в огромном чемодане)

DeepSeek R1 сжал эти «чемоданы» до размеров кошелька — команда использовала 8-битную точность для обучения

Результат:
— Памяти нужно в 4 раза меньше
— Модель работает даже на видеокартах с меньшей мощностью, что снижает энергопотребление

Это удешевило API на 95%. Любой стартап или малая компания теперь может себе позволить интеграцию ИИ в свои продукты

Итого:
— Обучение модели: 100 млн $ → 5.5 млн $
— Потребовалось 2000 GPU вместо десятков тысяч

🔥 На фоне успеха DeepSeek, OpenAI уменьшит стоимость подписки ChatGPT Plus до 10 $, но только для новых пользователей и на 3 месяца

💻 Вышла новая версия Bun 1.2. Что нового?

— Исполнение C++ кода из JS

— Встроенный S3-клиент: Bun.s3. В 5 раз быстрее, чем AWS SDK в Node.js

— Нативный клиент PostgreSQL: Bun.sql. На 50% быстрее популярных клиентов вроде postgres.js

— Новый bun.lock: Теперь зависимости фиксируются в читаемом JSON. Выполнение bun install работает быстрее на 30%

— Патчи npm-пакетов: Модифицируйте зависимости без форков

— Сборка проектов: Генерация нативных исполняемых файлов (даже для Windows с macOS/Linux). Поддержка HTML-импортов и встроенный CSS-бандлер

— Bun теперь JS-бандлер: добавлена поддержка HTML-импортов. Это позволяет заменить всю цепочку инструментов фронтенда одним оператором импорта. Hot-reloading на стороне клиента пока отсутствует. Добавят в будущем

Более подробно можно почитать здесь: bun.sh/blog/bun-v1.2

👟 o3-mini

Встречаем новую модель на рынке от OpenAI

В условиях, когда конкуренция накаляется — особенно со стороны китайского DeepSeek — разработчики сделали ставку на разумную цену:

1 млн входных токенов: 1.1$
1 млн выходных токенов: 4.4$

Модель бесплатно доступна в chat.com, умеет рассуждать, но есть нюансы с API:

— Выдача ответа через API форматируется не по стандарту Markdown, из-за чего текст менее структурированный

— При использовании o3-mini через API не стримится рассуждение модели. Думаю это связано с тем, чтобы у DeepSeek и других игроков на рынке не было возможности использовать данные из рассуждения в своих продуктах

💻 На одну боль меньше с Tailwind 4.1

Знакомо: карточки в горизонтальном скролле идеально вписываются в экран, и пользователи даже не догадываются, что их можно листать?

Исправляется добавлением плавного затухания с краю блока с карточками. Контент будет «утекать» в прозрачность, намекая: «Здесь есть что-то еще!»

Это несложно сделать самому, но Tailwind 4.1 экономит время с помощью новых утилит

Также в этой версии появились медиа-запросы для тач-устройств (pointer-coarse), авто-исправления для старых версий Safari, цветные тени для текста и не только

💻 Figma анонсировала крутейшие обновления на Config 2025!

Теперь дизайн станет еще мощнее, креативнее и удобнее. Ловите главные фишки:

🎨 Figma Draw — рисуйте как никогда раньше
— Создавайте более точные и детализированные векторные иллюстрации с помощью новых инструментов, таких как лассо, конструктор фигур и мультиредактирование
— Текст вдоль кривой, кисти с настройкой, текстуры, шумы и даже «дрожащие» контуры
— Повторы элементов, продвинутые векторные правки и скоро — изменение толщины штриха в любой точке

Доступно на всех платных тарифах

✅ Grid — идеальные адаптивные сетки
— Авто-макет с сеткой для галерей, товаров, бенто и не только
— Элементы могут занимать несколько строк/столбцов: полный контроль над размерами
— Полная поддержка свойств сетки для разрабов в Dev Mode

Пока в бете, но уже можно тестировать

📷 Figma Buzz — брендинг на автомате
— Шаблоны для команд + AI: генерируйте изображения, удаляйте фон, редачьте текст
— Массовое создание ассетов из CSV-таблиц
— Редактирование с ограничениями, чтобы держать контент в рамках брендинга

Бесплатно в бета-версии

🌐 Figma Sites — сайты без кода
— Переносите дизайны из Figma, адаптируйте под разные экраны, добавляйте параллакс и анимации
— Для ознакомления имеется больше 50 шаблонов
— Публикуйте прямо в веб

Бета для платных тарифов

🤖 Figma Make — прототип за минуту
— Вводите текстовый запрос — получайте готовый интерактивный прототип с кодом
— Редактируйте AI-результат: меняйте отступы, текст и другие свойства
— Превращайте идеи в живое веб-приложение

Скоро в платных тарифах

✨ Все фишки убер-крутые и интересные. Как минимум мой ворк-флоу они уже перевернут. Анонс чего вам понравился больше всего?

💻💻 Figma догоняет Liquid Glass!

Наконец-то ответ на хайповый дизайн-апдейт Apple! Напоминаю: на WWDC25 Купертино показали Liquid Glass — динамичные стеклянные элементы с преломлением света, реакцией на контент и движение. Красота! Но...

🎨 В Figma:
— Только жалкая имитация через blur() и opacity 😒
— Дизайнеры рвали волосы: «Без шейдеров и IOR (индекса преломления) — фейк!»

🔥 Сегодняшний анонс:
Figma вводит нативную работу с преломлениями! Теперь можно реалистично симулировать блики, искажения и "толщину" стекла

Когда ждать? Фигма говорит «скоро». Надеюсь, не как даркмод в Adobe XD

😫 А вот веб — треш
Осталось запилить Liquid Glass в браузеры. Но тут вау-эффект = вау-боль:

— Преломление: Надо колдовать с IOR, светом, окружением...
— Анимации: Элементы должны плавно играть при ховерах/тапах/скроллах — как в нативке!
— Производительность: Чтобы не падало ниже 60 FPS на слабых Android

💬 Что будете делать первым с Liquid Glass в Figma? Делитесь идеями!

😈 PNG 2025: масштабный апдейт

После 22 лет ожидания — W3C выпустил третью редакцию спецификации PNG — PNG3. Формат получил мощный апдейт, актуальный для современных задач

Ключевые нововведения:

🎬 APNG — официальный стандарт: Анимированные PNG теперь — часть формата. Прямая поддержка анимации в браузерах и софте без хаков

☀️ Поддержка HDR: Возможность хранить изображения с высоким динамическим диапазоном для более ярких и контрастных картинок

📝 Надежное хранение EXIF: Стандартизированная встроенная поддержка метаданных (камера, настройки)

💻💻 Figma + Liquid Glass — в релизе

Эффект жидкого стекла теперь можно применять в своих макетах

🎛️ 5 ключевых настроек:

Light (Свет): Угол падения света (45° по умолчанию)

Refraction (Преломление): Сила "искривления" фона под стеклом. Ноль = почти обычная рамка

Depth (Глубина): Создает ощущение толщины стекла. Работает в связке с Refraction. Без преломления эффект слабый

Frost (Мороз): Фактически размытие фона! Увеличивайте, чтобы сделать стекло менее прозрачным и улучшить читаемость текста на нем

Dispersion (Дисперсия): Эффект хроматической аберрации (радужные края, как в призме). Для стильных арт-объектов

Важные нюансы:

Тестируйте на реальном фоне. Эффект зависит от того, что под стеклом. Используйте компоненты с разными бэкграундами для быстрого сравнения

Сильный refraction и низкий frost делают текст на стекле нечитаемым

P.S.: Если вы делаете макет сайта или веб-приложения — не думайте даже об этой функции. На этапе верстки разработчики вас развернут 😁