💻 Tailwind 4.0 beta

Ранее я рассказывал, что изменят разработчики в следующей мажорной версии Tailwind. Сейчас же эти изменения дошли до беты. Изменения достаточные, чтобы сломать уже существующие проекты на 3-ей версии, но переживать не стоит — появилась CLI утилита, которая заменит названия устаревших классов, добавит конфигурацию Tailwind в CSS-файл из имеющихся настроек в tailwind.config.js

Ключевые моменты новой версии:

— Создан для повышения производительности — сборки на новом движке работают в 5 раз быстрее, а инкрементные сборки - более чем в 100 раз быстрее, и измеряются микросекундами

— Конфигурация на основе CSS — обновленный опыт разработчика, когда вы настраиваете и расширяете фреймворк непосредственно в CSS, а не в конфигурационном файле JavaScript

— Разработанный для современного веба — построен на основе собственных каскадных слоев, широкой цветовой гаммы и включает первоклассную поддержку современных CSS-функций, таких как container queries, @stаrting-style, всплывающие окна и многое другое

Я уже попробовал обновить свой небольшой пет-проект на новую версию. Результат меня удивил. Перенос проекта произошел бесшовно 🎁

На проде, конечно, не стоит пока обновляться, но в пет-проектах — почему бы и нет?

💻 Пока меня не было здесь, 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? Делитесь идеями!