Таймауты сессии как скрытый барьер доступности в аутентификации
Таймауты сессии часто ломают UX для пользователей с ограниченными возможностями и тех, кто не успевает завершить действия. Разбираем, как проектировать продление сессии, предупреждения и безопасные сценарии повторного входа без потери доступности.
https://www.smashingmagazine.com/2026/04/session-timeouts-accessibility-barrier-authentication-design/
Таймауты сессии часто ломают UX для пользователей с ограниченными возможностями и тех, кто не успевает завершить действия. Разбираем, как проектировать продление сессии, предупреждения и безопасные сценарии повторного входа без потери доступности.
https://www.smashingmagazine.com/2026/04/session-timeouts-accessibility-barrier-authentication-design/
👍6❤1🔥1
От ASCII-арт до Markdown и Typst: как современные форматы делают документацию в Git удобной для людей и IDE
Markdown остаётся стандартом для инженерной документации, потому что исходник читается без рендера, а структура хранится рядом с кодом. Разбираются причины роста Markdown, зачем нужен Typst и как внедрять просмотр сложных форматов на вебе через WebAssembly.
https://habr.com/ru/companies/sberbank/articles/1024454/
Markdown остаётся стандартом для инженерной документации, потому что исходник читается без рендера, а структура хранится рядом с кодом. Разбираются причины роста Markdown, зачем нужен Typst и как внедрять просмотр сложных форматов на вебе через WebAssembly.
https://habr.com/ru/companies/sberbank/articles/1024454/
👍5❤2
Build-time микрофронтенды, или как упростить поддержку витрин
Build-time микрофронтенды через npm-пакеты помогают собрать разные фичи в единое приложение на этапе сборки, сохраняя SSR и SEO без переезда на новый фреймворк.
https://habr.com/ru/companies/ru_mts/articles/1034374/
Build-time микрофронтенды через npm-пакеты помогают собрать разные фичи в единое приложение на этапе сборки, сохраняя SSR и SEO без переезда на новый фреймворк.
https://habr.com/ru/companies/ru_mts/articles/1034374/
👍7❤2
Почему я больше не цепляю все подряд в JavaScript
Часто цепочки ухудшают читаемость и мешают вставлять промежуточное логирование, а ясные имена переменных и явные шаги делают код проще для отладки и поддержки.
https://allthingssmitty.com/2026/04/20/why-i-dont-chain-everything-in-javascript-anymore/
Часто цепочки ухудшают читаемость и мешают вставлять промежуточное логирование, а ясные имена переменных и явные шаги делают код проще для отладки и поддержки.
https://allthingssmitty.com/2026/04/20/why-i-dont-chain-everything-in-javascript-anymore/
🤮8❤7👎3👍2
Проверьте, готов ли ваш сайт для AI агентов
Сканируйте сайт по 5 категориям: discoverability, доступность контента, контроль доступа для ботов, обнаружение протоколов вроде MCP и OAuth, а также агентская коммерция. Начните с быстрых улучшений: корректный robots.txt с правилами для AI, sitemap директивы и полезные discovery заголовки или метаданные на главной.
https://isitagentready.com/
Сканируйте сайт по 5 категориям: discoverability, доступность контента, контроль доступа для ботов, обнаружение протоколов вроде MCP и OAuth, а также агентская коммерция. Начните с быстрых улучшений: корректный robots.txt с правилами для AI, sitemap директивы и полезные discovery заголовки или метаданные на главной.
https://isitagentready.com/
👍7🤡4❤1🔥1🥴1
Современный шаблон админки на React TypeScript и shadcn ui
Готовый лендинг и админский интерфейс с React, TypeScript, Vite, Next.js, Tailwind и shadcn ui v3, который удобно форкать и быстро адаптировать под свой продукт.
https://github.com/shadcnstore/shadcn-dashboard-landing-template
Готовый лендинг и админский интерфейс с React, TypeScript, Vite, Next.js, Tailwind и shadcn ui v3, который удобно форкать и быстро адаптировать под свой продукт.
https://github.com/shadcnstore/shadcn-dashboard-landing-template
👍9❤3🥴3
Массивы, объекты и теперь composites
Composites решают боль с сравнением объектов и использованием их как ключей: две структуры с одинаковыми данными считаются равными даже при разном порядке ключей. Это практичный шаг в сторону более надежной работы с составными значениями в JavaScript.
https://frontendmasters.com/blog/arrays-objects-now-composites/
Composites решают боль с сравнением объектов и использованием их как ключей: две структуры с одинаковыми данными считаются равными даже при разном порядке ключей. Это практичный шаг в сторону более надежной работы с составными значениями в JavaScript.
https://frontendmasters.com/blog/arrays-objects-now-composites/
🔥10❤4👍3
Jest 30.4.0 сильный релиз для тестирования JavaScript
Jest 30.4.0 улучшает поддержку ESM, добавляет акценты вокруг Temporal и лучше работает с React 19, чтобы тесты были стабильнее и ближе к реальному окружению.
https://github.com/jestjs/jest/releases/tag/v30.4.0
Jest 30.4.0 улучшает поддержку ESM, добавляет акценты вокруг Temporal и лучше работает с React 19, чтобы тесты были стабильнее и ближе к реальному окружению.
https://github.com/jestjs/jest/releases/tag/v30.4.0
🥴7❤6🔥5👍3
Wakaru: разбор минифицированных JavaScript бандлов на модули
Инструмент принимает минифицированный бандл и возвращает читаемую структуру модулей, помогая восстановить код, провести reverse engineering или аудит безопасности. Можно использовать онлайн, чтобы быстро понять, что внутри сборки.
https://github.com/pionxzh/wakaru
Инструмент принимает минифицированный бандл и возвращает читаемую структуру модулей, помогая восстановить код, провести reverse engineering или аудит безопасности. Можно использовать онлайн, чтобы быстро понять, что внутри сборки.
https://github.com/pionxzh/wakaru
👍8🤔2🔥1💯1
OpenSkills CLI для Anthropic skills во всех AI coding агентах
Один CLI инструмент переносит skills систему Anthropic в любые агенты, которые умеют читать AGENTS.md, включая Claude Code, Cursor, Windsurf, Aider и Codex. Ускоряет настройку контекста и делает поведение агента предсказуемым.
https://github.com/numman-ali/openskills
Один CLI инструмент переносит skills систему Anthropic в любые агенты, которые умеют читать AGENTS.md, включая Claude Code, Cursor, Windsurf, Aider и Codex. Ускоряет настройку контекста и делает поведение агента предсказуемым.
https://github.com/numman-ali/openskills
👍8🥴5🤮2❤1👌1🌚1
MDXEditor как удобный редактор Markdown и MDX для React
MDXEditor это open source React компонент для редактирования Markdown в стиле Google Docs и Notion с поддержкой contentEditable, подсветкой кода через CodeMirror и настройкой языков блоков. Можно гибко управлять выводом в markdown включая маркеры списков и символы для выделения, чтобы форматирование совпадало с вашим пайплайном.
https://mdxeditor.dev/
MDXEditor это open source React компонент для редактирования Markdown в стиле Google Docs и Notion с поддержкой contentEditable, подсветкой кода через CodeMirror и настройкой языков блоков. Можно гибко управлять выводом в markdown включая маркеры списков и символы для выделения, чтобы форматирование совпадало с вашим пайплайном.
https://mdxeditor.dev/
👍10❤4🔥1
5 лучших альтернатив DataForSEO на 2026 год
Подборка без воды для GEO, AEO и SERM: сравнение топ сервисов вроде SE Ranking, Bright Data и SerpAPI с фокусом на то, что важно для фронтенд команд при интеграции и работе с данными.
https://www.sitepoint.com/5-best-data-for-seo-alternatives-a-senior-expert-breakdown
Подборка без воды для GEO, AEO и SERM: сравнение топ сервисов вроде SE Ranking, Bright Data и SerpAPI с фокусом на то, что важно для фронтенд команд при интеграции и работе с данными.
https://www.sitepoint.com/5-best-data-for-seo-alternatives-a-senior-expert-breakdown
Sitepoint
5 Best DataForSEO Alternatives 2026: SE Ranking, SerpAPI…
Looking for DataForSEO alternatives for GEO, AEO, or SERM work? Here's a no-fluff comparison of the best options including SE Ranking, Bright Data, SerpAPI, etc.
❤4👍1🔥1
Как добавить schema markup на современный сайт с JSON-LD без SEO плагинов
Schema.org разметка в JSON-LD позволяет улучшить понимание страницы поисковиками без зависимости от плагинов. Разберем практичный подход к генерации и встраиванию структурированных данных в фронтенд, чтобы разметка оставалась актуальной при изменениях контента.
https://www.sitepoint.com/how-to-add-schema-markup-to-modern-websites-using-json-ld-without-seo-plugins
Schema.org разметка в JSON-LD позволяет улучшить понимание страницы поисковиками без зависимости от плагинов. Разберем практичный подход к генерации и встраиванию структурированных данных в фронтенд, чтобы разметка оставалась актуальной при изменениях контента.
https://www.sitepoint.com/how-to-add-schema-markup-to-modern-websites-using-json-ld-without-seo-plugins
👍3🔥2❤1
Миграция на TypeScript 6.0 и адаптация tsconfig
Обновление до TS 6.0 с разбором ключевых изменений и практическими шагами, как привести tsconfig в порядок, чтобы компиляция стала предсказуемой и без сюрпризов.
https://www.sitepoint.com/typescript-60-migration-what-changed-and-how-to-adapt-your-tsconfig/
Обновление до TS 6.0 с разбором ключевых изменений и практическими шагами, как привести tsconfig в порядок, чтобы компиляция стала предсказуемой и без сюрпризов.
https://www.sitepoint.com/typescript-60-migration-what-changed-and-how-to-adapt-your-tsconfig/
Sitepoint
TypeScript 6.0 Migration: What Changed and How to Adapt Your tsconfig
Comprehensive guide covering TypeScript 6.0 Migration: What Changed and How to Adapt Your tsconfig with practical implementation details.
👍5
День сурка frontend-разработчика
Зарплата стоит, скучные задачи день за днем, календарь забит созвонами, которые не влияют вообще ни на что.
Откликаешься на вакансии, а в ответ тишина либо какие-то мутные конторы. На собесах вместо нормальной оценки навыков цирк с алгоритмами на скорость, как будто ты на олимпиаде, а не работу ищешь.
И самое неприятное, пока ты варишься в этом болоте, кто-то спокойно проходит собесы и уходит в Яндекс, VK или на хорошую Валютную удаленку без лишней драмы.
👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке.
Также из учеников я собираю комьюнити, где уже более 220 frontend-разработчиков🫂
А в своем канале:
👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения
👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться
👉На примерах объясняю, как проходить собеседования, включая техничку
👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров
А еще регулярно публикую полезные материалы:
▪️Задачи, на которых валяться кандидаты
▪️База по микрофронтам
▪️Подборка из 100+ каналов с вакансиями для разработчиков
▪️100 вопросов, которые точно помогут тебе на собеседовании
▪️Чек лист проверки своего резюме
А еще у меня множество успешных кейсов и отзывов, найти их можно в канале.
Реклама, erid: 2W5zFJG9hjF ИП Галактионов Тихон Витальевич, ИНН 771618975809
Зарплата стоит, скучные задачи день за днем, календарь забит созвонами, которые не влияют вообще ни на что.
Откликаешься на вакансии, а в ответ тишина либо какие-то мутные конторы. На собесах вместо нормальной оценки навыков цирк с алгоритмами на скорость, как будто ты на олимпиаде, а не работу ищешь.
И самое неприятное, пока ты варишься в этом болоте, кто-то спокойно проходит собесы и уходит в Яндекс, VK или на хорошую Валютную удаленку без лишней драмы.
Есть классные проекты и сильные команды, где разработчиков действительно ценят, дают расти, поддерживают развитие и платят достойно и ты можешь туда попасть!
👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке.
Также из учеников я собираю комьюнити, где уже более 220 frontend-разработчиков🫂
А в своем канале:
👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения
👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться
👉На примерах объясняю, как проходить собеседования, включая техничку
👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров
А еще регулярно публикую полезные материалы:
▪️Задачи, на которых валяться кандидаты
▪️База по микрофронтам
▪️Подборка из 100+ каналов с вакансиями для разработчиков
▪️100 вопросов, которые точно помогут тебе на собеседовании
▪️Чек лист проверки своего резюме
А еще у меня множество успешных кейсов и отзывов, найти их можно в канале.
Реклама, erid: 2W5zFJG9hjF ИП Галактионов Тихон Витальевич, ИНН 771618975809
💩10🤡6❤4👍1
Реактивное программирование простыми словами
Реактивность строится из состояний, экшенов, реакций и инвариантов, а среда рантайма пересчитывает зависимости и обновляет приложение через каскад. Разберем push и pull подходы, а также как рантайм детектит изменения через polling, события и связи.
https://habr.com/ru/articles/1033088/
Реактивность строится из состояний, экшенов, реакций и инвариантов, а среда рантайма пересчитывает зависимости и обновляет приложение через каскад. Разберем push и pull подходы, а также как рантайм детектит изменения через polling, события и связи.
https://habr.com/ru/articles/1033088/
👍4❤2