12 фич CSS, которые вполне могут списать твои зависимости на пенсию
В свежем выпуске Frontend Focus #759 засветился материал Flavio Copes под названием «12 CSS Features You Can Use Today with No Build Step». Про что он? Про возможности CSS, которые тащат в проект уже сегодня, а заодно позволяют выпилить часть сборочных инструментов.
Примеры от автора такие: нативная вложенность вместо Sass и
Источник: Frontend Focus #759
👉 Frontender's notes
В свежем выпуске Frontend Focus #759 засветился материал Flavio Copes под названием «12 CSS Features You Can Use Today with No Build Step». Про что он? Про возможности CSS, которые тащат в проект уже сегодня, а заодно позволяют выпилить часть сборочных инструментов.
Примеры от автора такие: нативная вложенность вместо Sass и
:has() вместо костылей с классами-обёртками.Источник: Frontend Focus #759
Please open Telegram to view this post
VIEW IN TELEGRAM
👎2
Облачные сессии Claude Code больше не висят в превью — теперь их может пощупать кто угодно. Смысл такой: Claude Code продолжает пахать, даже если ноут закрыт или вообще выключен. Таски крутятся на железках Anthropic, так что твоя машина тут ни при чём.
Заводить их можно с claude.ai/code, через вкладку Code в мобильном приложении Claude, из десктопного клиента или командой
Тем, кто уже платит, дают разовый кредит на потестить: Pro — $100, Max — $250. Промокредит сгорает первым и обычный лимит тарифа не трогает. Кончится он — облачные сессии никуда не денутся, просто пойдут уже по стандартным условиям Pro или Max. Выдают его один раз на аккаунт и только под облачные сессии. Забрать надо до 7 октября — по ссылке или командой
👉 Frontender's notes
Заводить их можно с claude.ai/code, через вкладку Code в мобильном приложении Claude, из десктопного клиента или командой
claude --cloud в терминале. Но сначала придётся подключить GitHub.Тем, кто уже платит, дают разовый кредит на потестить: Pro — $100, Max — $250. Промокредит сгорает первым и обычный лимит тарифа не трогает. Кончится он — облачные сессии никуда не денутся, просто пойдут уже по стандартным условиям Pro или Max. Выдают его один раз на аккаунт и только под облачные сессии. Забрать надо до 7 октября — по ссылке или командой
/claim-credit в терминале.Please open Telegram to view this post
VIEW IN TELEGRAM
AI-инструменты уже используют все, но порой в обсуждении с LLM возникает ощущение, что голова полна ответов, но их всё ещё недостаточно, чтобы разрешить вполне себе прикладные вопросы.
Эксперты Podlodka Frontend Crew собрали онлайн-конференцию «Фронтенд с AI», чтобы вместе с практиками из индустрии увидеть, как работает AI в разных аспектах фронтенд-разработки, а главное — сразу начать использовать новые подходы в реальной жизни.
Полная программа — уже на сайте! Формат: пять дней живых Zoom-сессий по утрам и вечерам, закрытое Telegram-комьюнити и много общения со спикерами.
Если хочется не просто читать про AI-тренды, а получить концентрированную порцию знаний именно про AI для фронтенда, присоединяйтесь к сезону.
Вы поймёте, как встроить новые инструменты и подходы в свою работу и найдёте множество единомышленников.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Чел из Anthropic слил лайфхак для тех, кто гоняет Opus 5.5
Смысл такой: запускаешь
А потом выпилит оттуда всё, что уже протухло, плюс антипаттерны — от них ноль пользы, зато токены жрут только в путь. Короче, уборка
Оригинальный пост в X · Источник
👉 Frontender's notes
Смысл такой: запускаешь
/claude-api-prompt-audit внутри Claude Code. Агент залезет в твои скиллы, CLAUDE.md, AGENTS.md и промпты.А потом выпилит оттуда всё, что уже протухло, плюс антипаттерны — от них ноль пользы, зато токены жрут только в путь. Короче, уборка
Оригинальный пост в X · Источник
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6👀3
Чем на самом деле страхуется трейдер? Бэктестом, а не одним риск-менеджментом
Автор расписывает подход, при котором сигнал прогоняют поминутно — с оглядкой на просадку портфеля, ликвидацию и замороженный капитал в нескольких открытых позициях по разным тикерам. Суть простая: настоящая страховка — самому всё перепроверить, прежде чем «лезть в лодку».
Чтобы было нагляднее, взяли два платных канала с сигналами: структурированный выдал плюс 10,3%, а «безструктурный» с логикой «я беру по 1%» — минус 18%.
Читать далее
👉 Frontender's notes
Автор расписывает подход, при котором сигнал прогоняют поминутно — с оглядкой на просадку портфеля, ликвидацию и замороженный капитал в нескольких открытых позициях по разным тикерам. Суть простая: настоящая страховка — самому всё перепроверить, прежде чем «лезть в лодку».
Чтобы было нагляднее, взяли два платных канала с сигналами: структурированный выдал плюс 10,3%, а «безструктурный» с логикой «я беру по 1%» — минус 18%.
Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
Теперь главный инструмент инженера — Enter
Инженер из бигтеха сдал Futurism подробности: вот во что превратилась его работа, когда ИИ вкатили вообще везде и сразу. Claude Code тащит всё: код, тесты, спеки, отчёты, тикеты. И тикеты эти он же потом и закрывает. А читать этот поток люди уже не успевают.
От разработчиков требуют клепать код побольше и побыстрее. Так что инженеры от L1 до L7 занимаются ровно одним и тем же — болтают с Claude и давят Enter. Мимо не прошёл даже Маск и назвал всё это жестью.
👉 Frontender's notes
Инженер из бигтеха сдал Futurism подробности: вот во что превратилась его работа, когда ИИ вкатили вообще везде и сразу. Claude Code тащит всё: код, тесты, спеки, отчёты, тикеты. И тикеты эти он же потом и закрывает. А читать этот поток люди уже не успевают.
От разработчиков требуют клепать код побольше и побыстрее. Так что инженеры от L1 до L7 занимаются ровно одним и тем же — болтают с Claude и давят Enter. Мимо не прошёл даже Маск и назвал всё это жестью.
«Никто не исправляет баги. На самом деле, никто больше не думает. Всё делает LLM. Это так выматывает душу. Честно говоря, я бы не возражал, если бы нам хотя бы давали время проверить код и посмотреть, куда что идёт. Но нет»
Please open Telegram to view this post
VIEW IN TELEGRAM
React-Redux 9.4 Alpha: useSignalSelector, но по желанию
Знаешь эту историю, когда Redux на каждом dispatch дёргает вообще все смонтированные селекторы? В крупных приложениях такое удовольствие влетает в копеечку. Так вот, в 9.4 Alpha завезли opt-in хук
Автор — Mark Erikson. Разжёванное объяснение живёт в Alpha 0, а Alpha 1 принесла фикс ключевого бага и подкрученные бенчмарки.
Источник: React Status #492
👉 Frontender's notes
Знаешь эту историю, когда Redux на каждом dispatch дёргает вообще все смонтированные селекторы? В крупных приложениях такое удовольствие влетает в копеечку. Так вот, в 9.4 Alpha завезли opt-in хук
useSignalSelector, построенный на сигналах: он следит, какие куски стейта читает каждый селектор, и после dispatch перезапускает только тех, у кого данные реально поменялись.Автор — Mark Erikson. Разжёванное объяснение живёт в Alpha 0, а Alpha 1 принесла фикс ключевого бага и подкрученные бенчмарки.
Источник: React Status #492
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5👎3❤1
Из localStorage в HttpOnly Cookie: куда переезжает авторизация в SPA
Большинство SPA до сих пор держат авторизацию на JWT, localStorage и заголовке Authorization. Схема простая, жить с ней удобно — вот только вся возня с credential и сессией пользователя повисает на клиенте.
В статье копают, что вообще ломается при переезде на HttpOnly Cookie и серверные сессии: как браузер хранит и гонит Cookie, на кой сдались HttpOnly, Secure, SameSite, Domain и Path, и с чего вдруг вместе с Cookie приходится заново разбираться с CSRF и CORS. Отдельным блоком — чем JWT отличается от session ID внутри Cookie, а в практической части — что эта архитектура делает с React-приложением на Axios и MobX.
Читать далее
👉 Frontender's notes
Большинство SPA до сих пор держат авторизацию на JWT, localStorage и заголовке Authorization. Схема простая, жить с ней удобно — вот только вся возня с credential и сессией пользователя повисает на клиенте.
В статье копают, что вообще ломается при переезде на HttpOnly Cookie и серверные сессии: как браузер хранит и гонит Cookie, на кой сдались HttpOnly, Secure, SameSite, Domain и Path, и с чего вдруг вместе с Cookie приходится заново разбираться с CSRF и CORS. Отдельным блоком — чем JWT отличается от session ID внутри Cookie, а в практической части — что эта архитектура делает с React-приложением на Axios и MobX.
Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6❤3
Стартап Dumb закрыл вход для ИИ-откликов: сопроводительное теперь только от руки
Компанию задолбали однотипные письма, которые штампуют нейросетки — те же истории, те же формулировки. Поэтому там собрали собственный фильтр против ChatGPT. Хочешь в команду — бери ручку, пиши от руки, а дальше скан онлайн или по почте.
Рынок сейчас такой, что это почти никого не отпугнуло. Скорее наоборот. Один из кандидатов сказал: «Было ощущение, что кто-то на самом деле посмотрит то, что я должен был сказать, и что это не просто пройдет через какие-то автоматические фильтры» (Business Insider).
Ждем легендарное возвращение кода на листочках
👉 Frontender's notes
Компанию задолбали однотипные письма, которые штампуют нейросетки — те же истории, те же формулировки. Поэтому там собрали собственный фильтр против ChatGPT. Хочешь в команду — бери ручку, пиши от руки, а дальше скан онлайн или по почте.
Рынок сейчас такой, что это почти никого не отпугнуло. Скорее наоборот. Один из кандидатов сказал: «Было ощущение, что кто-то на самом деле посмотрит то, что я должен был сказать, и что это не просто пройдет через какие-то автоматические фильтры» (Business Insider).
Ждем легендарное возвращение кода на листочках
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10❤5😁3
Зачем я вообще делаю Bun-нативную замену napi-rs
Есть такой bffi-rs — экспериментальный фреймворк для нативных биндингов под Bun, написанный на Rust. Пришёл он не из воздуха: хотелось собрать небольшое desktop-приложение с нативным WebView, но так, чтобы Bun остался главным рантаймом.
Подобные штуки в экосистеме уже есть — часть WebView-интеграций для Bun сидит на Rust и napi-rs. Скажем, в Electrobun сам WebView работает через Wry, а мост между Rust и JavaScript собран на napi-rs.
И вот тут автор спросил себя о другом: а что если нативную часть приложения крутить вокруг Bun, а не вокруг совместимости с Node.js?
Читать далее
👉 Frontender's notes
Есть такой bffi-rs — экспериментальный фреймворк для нативных биндингов под Bun, написанный на Rust. Пришёл он не из воздуха: хотелось собрать небольшое desktop-приложение с нативным WebView, но так, чтобы Bun остался главным рантаймом.
Подобные штуки в экосистеме уже есть — часть WebView-интеграций для Bun сидит на Rust и napi-rs. Скажем, в Electrobun сам WebView работает через Wry, а мост между Rust и JavaScript собран на napi-rs.
И вот тут автор спросил себя о другом: а что если нативную часть приложения крутить вокруг Bun, а не вокруг совместимости с Node.js?
Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
😁1
Каждый будний день в 9:30 →
На Habr завезли статью про либу cronsense. Штука берёт расписание, записанное обычными словами — хоть по-русски, хоть по-английски — и переводит его в cron‑выражение. И в обратную сторону тоже умеет.
Автор при этом отдельно проговаривает: парсер не занимается угадайкой.
В материале разложено, как вообще устроен разбор фраз, где cron любит подставлять подножки и как тесты следят за тем, чтобы описание разбиралось обратно в то же самое расписание.
Читать далее
👉 Frontender's notes
30 9 * * 1–5: парсер расписаний, который понимает русскийНа Habr завезли статью про либу cronsense. Штука берёт расписание, записанное обычными словами — хоть по-русски, хоть по-английски — и переводит его в cron‑выражение. И в обратную сторону тоже умеет.
Автор при этом отдельно проговаривает: парсер не занимается угадайкой.
В материале разложено, как вообще устроен разбор фраз, где cron любит подставлять подножки и как тесты следят за тем, чтобы описание разбиралось обратно в то же самое расписание.
Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
[Перевод] 10 браузерных API, которые убивают библиотеки, что я раньше тянул в проект не глядя
На Habr затащили перевод про то, что умеет сам браузер — и этого хватает ровно там, где ты привык ставить пачку пакетов из NPM или вешать очередной jQuery-плагин. В списке:
И к каждому API — пометки про поддержку. То есть разговор не только про «платформа это уже умеет», но и про то, куда это вообще можно вкрутить.
Читать далее
👉 Frontender's notes
На Habr затащили перевод про то, что умеет сам браузер — и этого хватает ровно там, где ты привык ставить пачку пакетов из NPM или вешать очередной jQuery-плагин. В списке:
dialog, popover, переходы отображения (view transitions), structuredClone, groupBy и Temporal.И к каждому API — пометки про поддержку. То есть разговор не только про «платформа это уже умеет», но и про то, куда это вообще можно вкрутить.
Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3👍1👎1
Книга из переписки без сервера: canvas, jsPDF и печатная брошюра прямо в браузере
Пет-проект «Чатограмма» препарирует переписку и выдаёт циферки: кто первым лезет в чат, кто отвечает шустрее, в какие часы вы вообще на связи. И с самого начала там железный принцип — файл с болталкой никуда не улетает, вся движуха считается в браузере.
Потом приспичило книжку в подарок: PDF на A5, где яркие куски разложены по главам — с чего всё завертелось, первое «мы с тобой», лучшие моменты каждого года, общий словарь и квиз «Кто это написал?». Плюс версия под печать дома брошюрой: A4, согнуть пополам, сшить степлером.
И вот тут «ничего на сервер» перестаёт быть бесплатным удовольствием: книжки обычно верстают на бэке — headless Chrome, LaTeX, — а тут всё обязано крутиться на телефоне, в том числе на iPhone и во встроенном браузере мессенджера. Автор рассказал, как оно устроено и на какие грабли он наступил.
Читать далее
👉 Frontender's notes
Пет-проект «Чатограмма» препарирует переписку и выдаёт циферки: кто первым лезет в чат, кто отвечает шустрее, в какие часы вы вообще на связи. И с самого начала там железный принцип — файл с болталкой никуда не улетает, вся движуха считается в браузере.
Потом приспичило книжку в подарок: PDF на A5, где яркие куски разложены по главам — с чего всё завертелось, первое «мы с тобой», лучшие моменты каждого года, общий словарь и квиз «Кто это написал?». Плюс версия под печать дома брошюрой: A4, согнуть пополам, сшить степлером.
И вот тут «ничего на сервер» перестаёт быть бесплатным удовольствием: книжки обычно верстают на бэке — headless Chrome, LaTeX, — а тут всё обязано крутиться на телефоне, в том числе на iPhone и во встроенном браузере мессенджера. Автор рассказал, как оно устроено и на какие грабли он наступил.
Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3