mefody.dev
Відкрити в Telegram
Доброжелюбный бородач про фронтенд, тимлидство, спикерство. Автор — @dark_mefody Канал про работу: @mefody_work. Не размещаю рекламу в своём канале. Даже за деньги. Даже большие.
Показати більше5 359
Підписники
Немає даних24 години
Немає даних7 днів
+1430 день
Триває завантаження даних...
Схожі канали
Хмара тегів
Вхідні та вихідні згадування
---
---
---
---
---
---
Залучення підписників
червень '26
червень '26
+45
в 0 каналах
травень '26
+58
в 2 каналах
Get PRO
квітень '26
+56
в 0 каналах
Get PRO
березень '26
+52
в 0 каналах
Get PRO
лютий '26
+78
в 1 каналах
Get PRO
січень '26
+74
в 1 каналах
Get PRO
грудень '25
+106
в 7 каналах
Get PRO
листопад '25
+54
в 0 каналах
Get PRO
жовтень '25
+128
в 0 каналах
Get PRO
вересень '25
+79
в 2 каналах
Get PRO
серпень '25
+77
в 0 каналах
Get PRO
липень '25
+89
в 1 каналах
Get PRO
червень '25
+109
в 0 каналах
Get PRO
травень '25
+82
в 2 каналах
Get PRO
квітень '25
+157
в 1 каналах
Get PRO
березень '25
+141
в 0 каналах
Get PRO
лютий '25
+119
в 1 каналах
Get PRO
січень '25
+126
в 2 каналах
Get PRO
грудень '24
+159
в 1 каналах
Get PRO
листопад '24
+204
в 4 каналах
Get PRO
жовтень '24
+250
в 6 каналах
Get PRO
вересень '24
+277
в 4 каналах
Get PRO
серпень '24
+226
в 1 каналах
Get PRO
липень '24
+181
в 5 каналах
Get PRO
червень '24
+289
в 3 каналах
Get PRO
травень '24
+773
в 5 каналах
Get PRO
квітень '24
+145
в 2 каналах
Get PRO
березень '24
+305
в 5 каналах
Get PRO
лютий '24
+420
в 3 каналах
Get PRO
січень '24
+798
в 5 каналах
Get PRO
грудень '23
+86
в 0 каналах
Get PRO
листопад '23
+113
в 1 каналах
Get PRO
жовтень '23
+21
в 0 каналах
Get PRO
вересень '23
+19
в 0 каналах
Get PRO
серпень '23
+21
в 0 каналах
Get PRO
липень '23
+45
в 0 каналах
Get PRO
червень '23
+98
в 0 каналах
Get PRO
травень '23
+63
в 0 каналах
Get PRO
квітень '23
+76
в 0 каналах
Get PRO
березень '23
+26
в 0 каналах
Get PRO
лютий '23
+821
в 0 каналах
| Дата | Залучення підписників | Згадування | Канали | |
| 27 червня | 0 | |||
| 26 червня | +1 | |||
| 25 червня | 0 | |||
| 24 червня | +1 | |||
| 23 червня | +3 | |||
| 22 червня | +1 | |||
| 21 червня | +3 | |||
| 20 червня | +3 | |||
| 19 червня | +3 | |||
| 18 червня | +6 | |||
| 17 червня | +3 | |||
| 16 червня | 0 | |||
| 15 червня | +3 | |||
| 14 червня | 0 | |||
| 13 червня | +4 | |||
| 12 червня | +3 | |||
| 11 червня | +1 | |||
| 10 червня | 0 | |||
| 09 червня | 0 | |||
| 08 червня | +1 | |||
| 07 червня | +2 | |||
| 06 червня | +2 | |||
| 05 червня | +2 | |||
| 04 червня | +1 | |||
| 03 червня | +1 | |||
| 02 червня | +1 | |||
| 01 червня | 0 |
Дописи каналу
Веб-браузеры на игровых консолях
Если ещё не слушали 532 выпуск подкаста «Веб-стандарты», где мы активно ностальгируем, то можно почитать статью, а потом послушать подкаст.
Деклан Чидлоу собрал потрясающий список того, как игровые консоли с 1995 года ходили в интернет. CD-Online disc, браузер PlanetWeb, Randnet, NetFront и так далее. Сама по себе тема очень интересная с точки зрения того, какие раньше перед инженерами стояли вызовы на устройствах, в которые можно воткнуть только картридж или у которых два экрана с 8 кнопками.
https://vale.rocks/posts/game-console-browsers
| 2 | TypeScript 7.0 RC
Новость короткая, но очень важная.
npm install -D typescript@rc — и ваш TypeScript начнёт работать в 10 раз быстрее. Потому что теперь под капотом там Go, watch-режим на основе бандлера Parcel и ещё более мощная совместимость с VS Code.
Ещё теперь можно явно указывать, сколько в параллели запускать чекеров и билдеров (флаги --checkers и --builders), если у вас много оперативки и ядер CPU.
Видел, как коллеги подключали TS 7.0 (tsgo) к довольно крупным проектам — и у них и правда всё начинало крутиться в разы быстрее. Не в 10 раз, но в 3–4 точно. И там даже есть патч специально под некоторые особенности нашей платформы разработки. В общем, пора мигрировать.
https://devblogs.microsoft.com/typescript/announcing-typescript-7-0-rc/ | 3 386 |
| 3 | MDN MCP-сервер
Теперь можно писать в вашем LLM-инструменте «А проверь-ка, дружище, на MDN, работает ли этот метод в Safari и как его правильно применять».
Команда MDN зарелизила свой MCP-сервер, который умеет давать подсказки по документации, браузерной поддержке и поиску. Причём очень компактный инструмент, токенов просит мало, а документацию возвращает сразу в Markdown.
Команда открыта к фидбеку, можно приносить ишьи прямо в репозиторий.
https://developer.mozilla.org/en-US/blog/introducing-mdn-mcp-server/ | 2 838 |
| 4 | NoLoJS
Рабочие группы по новым фичам CSS не просто так свой хлеб едят — многие вещи, которые раньше без JS нормально было никак не сделать, теперь делаются в 2–3 свойства.
Аарон Ти Грогг собрал коллекцию шаблонов, где JS-код легко заменить на HTML и CSS. Например, в аккордеонах, каруселях, модальных окнах и так далее.
Не забывайте, что подход ‘CSS Only’ имеет и недостатки, поэтому используйте шаблоны вдумчиво. Те же нативные карусели пока что сообществом A11y-экспертов не рекомендуются без доработок.
https://aarontgrogg.github.io/NoLoJS/ | 3 583 |
| 5 | PolyCSS
Обожаю такие странные штуки. Клиентская библиотека, которая позволяет OBJ, glTF, GLB и VOX превратить в 3D-блоки на HTML и CSS.
Работает как веб-компонент. Есть «переходники» на React и Vue.
Может возникнуть закономерный вопрос: «Зачем?» Во-первых, это прикольно. Во-вторых, если рисовать такие штуки на Canvas, то придётся помучиться с обработчиками кликов, а тут каждая грань — DOM-элемент, с которым можете делать что угодно. В-третьих, раз это HTML+CSS, то и фильтры, и анимации, и адаптивность, и подстраивание под цветовую гамму сайта — всё это получаете на сдачу. В-четвёртых, это всё ещё прикольно.
https://polycss.com/ | 3 935 |
| 6 | Что Apple и Google делают с вашими push-уведомлениями
Статья скорее не для разработчиков, а для маркетологов, но мне всё равно было интересно её прочитать, поэтому делюсь с вами.
Жак Корби-Тюш погружается в историю push-уведомлений, объясняет, почему каждое приложение вынуждено доставлять свои нотификации через сервера Apple и Google, а также почему для пользователей это хорошо.
Интересно в статье идёт сравнение с емэйлами. Ведь по сути маркетологи с почтовыми рассылками работают значительно дольше, на все грабли уже наступили, отслеживающие пиксели потеряли. Push-уведомления в какой-то мере повторяют судьбу писем, постепенно переходя под всё больший контроль пользователей и операционных систем.
В общем, рекомендую этот лонгрид всем, кто хочет разобраться, как оно работает. И покажите её вашим маркетологам, там есть ссылки на крайне показательные исследования.
https://www.jacquescorbytuech.com/writing/what-apple-and-google-are-doing-your-push-notifications | 3 782 |
| 7 | Спека для сайта
Есть много разных чеклистов, что должно быть сделано на сайте, чтобы пользователю было хорошо. Вот ещё один.
Йост де Валк собрал 128 пунктов, по которым можно проверить, всё ли у вашего сайта предусмотрено для современного веба. В том числе для работы с LLM-агентами.
Интересно, что каждый пункт включает в себя не только объяснение, что за пункт такой и почему он важен, а ещё и конкретные инструкции по реализации пункта и способ проверки, что всё хорошо.
Есть MCP-сервер, есть AGENT-скилл, есть старый советский HTML-вариант.
https://specification.website/ | 3 263 |
| 8 | <input>, видео доклада
Обещал поделиться видео доклада про тег input, когда оно появится. Делюсь.
В докладе рассказывал:
• историю тега и его атрибутов;
• как помочь браузеру работать с инпутами удобно для пользователя;
• какая валидация есть в HTML, CSS и JS;
• почему иногда type=text — лучшее решение;
• и ещё про всякое полезное.
https://www.youtube.com/watch?v=s5mjVxk8cYw | 3 431 |
| 9 | HARD SKILLS❗️
Сегодня разбираем: realtime-лидерборд, YTsaurus, PostgreSQL и таймзоны, которые всё сломали👨💻
Автор поста: @mefody_dev - Никита Дубко, lead product Яндекс Контеста
#hardskills | 3 725 |
| 10 | Поделился в сообществе БАШНЯ одной рабочей историей, которая меня заставила знатно понервничать в этом году 🙂 Но сейчас всё хорошо, я дома уже | 3 201 |
| 11 | HARD SKILLS❗️
Сегодня разбираем: realtime-лидерборд, YTsaurus, PostgreSQL и таймзоны, которые всё сломали👨💻
Автор поста: @mefody_dev - Никита Дубко, lead product Яндекс Контеста
#hardskills | 0 |
| 12 | Поделился в сообществе БАШНЯ одной рабочей историей, которая меня заставила знатно понервничать в этом году 🙂 Но сейчас всё хорошо, я дома уже | 0 |
| 13 | Как фронтендеры LLM к продукту подключали
Видео выходного дня. Андрей Мелихов рассказывает, как в продуктах, где нужен AI-ассистент в интерфейсе, можно подступиться к задаче. Базовая база, чтобы стартовать.
Пользуюсь результатами трудов Андрея почти каждый день, так что выложенным в опенсорс демкам к докладу доверяю.
https://www.youtube.com/watch?v=x3qCVaKKxHY | 3 711 |
| 14 | Улучшаем браузерное кэширование заголовком No-Vary-Search
Итак, вы оптимизировали браузерный перфоманс своего сайта. Но когда маркетологи запускают вокруг сайта разные акции, на мониторингах почему-то проседают метрики.
Дело в том, что в таких случаях часто к урлам дописывают что-то вроде ?utm_source=google. Для сбора метрик и конверсий. Такие параметры для браузера обозначают, что это абсолютно новая страница, её нельзя брать из кэша. Браузер ведь не знает, для метрики оно или для обработки на сервере и изменения контента.
Гарри Робертс рассказывает про заголовок No-Vary-Search, который решает эту проблему. Можно попросить браузер игнорировать конкретные параметры, все параметры или их порядок, чтобы брать страницу из кэша.
https://csswizardry.com/2026/05/better-browser-caching-with-no-vary-search/ | 3 323 |
| 15 | What's new in Web UI
Заходите смотреть Google I/O, там через 3 минуты будут показывать новые браузерные фичи, которыми нам с вами потом пользоваться. Как бы мы в подкасте периодически не ругали Chrome за торопливость, на веб-индустрию они влияют значительно.
https://www.youtube.com/live/OQK9XHTiqVw | 3 068 |
| 16 | Оптимизация сайта для AI-ответов в Google-поиске
Гайд от Google по тому, что делать и что не делать, чтобы генеративный AI в выдаче поиска работал лучше.
Итак, пункты:
• Создавать полезный людям контент.
• Уникальность контента, своя точка зрения.
• Понятность текста.
• Качественные картинки и видео для визуализаций.
• Фокус на том, что хотят пользователи.
• Страницы должны не мешать краулерам их парсить.
То есть буквально ничего нового делать не нужно. Просто делаешь хороший и удобный сайт для пользователей — и внезапно он в попадает в AI-ответы. Только прикол в том, что если раньше нужно было как-то умудриться попасть в топ-10 поиска по целевым запросам, то теперь нужно попасть в топ-5 по смыслу запроса пользователя — конкуренция выросла.
Есть ещё раздел с разрушением мифов, он забавный. Например, LLMS.txt краулеру не нужен, он до этого десятилетиями как-то справлялся без отдельной версии под себя и норм.
Рекомендуют делать ставку на то, чтобы сайт был удобен агентам. Тут нужно дождаться Google I/O с их анонсами агентских фичей браузера, гуглбуков и прочих рекомендаций, как подстраивать свой бизнес под фичи одной конкретной корпорации.
https://developers.google.com/search/docs/fundamentals/ai-optimization-guide | 12 304 |
| 17 | Объединение мобильного и десктопного доменов
Тимо Тийхоф из MediaWiki (движок для Википедии) поделился интересным опытом объединения доменов [lang].wikipedia.org и [lang].m.wikipedia.org.
Когда-то давно было популярной практикой разделять мобильную версию и десктопную отдельными поддоменами. Мобильные телефоны были слабее, мобильный интернет был медленным, а про адаптивность ещё почти не говорили. Google-поиск эту историю поддерживал, автоматически выдавая верный поддомен в зависимости от того, с какого устройства пользователь искал.
В 2016 году Google изменил политику касательно отдельных мобильных версий, теперь правильнее делать единый домен, причём по принципу Mobile First. Раскатка была долгой, до Википедии дошли только в 2024 году.
Тимо рассказывает, как необходимость объединить домены повлияла на скорость загрузки, SEO и нагрузку на инфраструктуру.
https://techblog.wikimedia.org/2025/11/21/unifying-mobile-and-desktop-domains/ | 3 169 |
| 18 | Сжатие и растяжение
Джош Комо с очередным классным гайдом с демками. На этот раз — про анимации трансформации.
Когда вы в жизни бросаете мячик об пол, если этот мячик у вас не свинцовый, то он заметно деформируется, а потом возвращает форму. В интерфейсах при этом мы часто используем анимацию отскока, смещения или увеличения (для модалок, шторок, тултипов), но никакого подобия физики сжатия и растяжения не применяем.
В демках в статье показывается, как такое можно сделать на SVG+CSS либо при помощи JS-библиотеки Motion. В обоих случаях получается вау-эффект.
https://www.joshwcomeau.com/animation/squash-and-stretch/ | 3 505 |
| 19 | Chrome DevTools MCP CLI
Поигрался на выходных с Chrome DevTools MCP CLI — и мне понравилось.
Джоан Леон в статье рассказывает, что умеет инструмент. И показывает, как его можно подружить с различными полезными JS-сниппетами на примере WebPerf.
У меня был простой эксперимент: попросить LLM сделать аудит страницы, предложить улучшения по Core Web Vitals. Сначала без установки новой тулзы LLM использовала Playwright, Lighthouse, что-то покрутила, выдала результаты аудита. Затем с chrome-devtools-mcp повторила то же самое — аудит был куда подробнее и предложения более интересные.
Судя по логам, преимущество chrome-devtools-mcp в том, что он активно использует всевозможные Insights из Chrome DevTools. Playwright из-за своей универсальности не всем может поделиться. По токенам, кстати, вышло примерно одно и то же.
В общем, для задач, когда нужно на скорую руку сделать аудит страницы, chrome-devtools-mcp зашёл на ура. Оптимизировать, правда, я пока доверяю только своим мозгам — LLM-ки всё ещё творят какую-то дичь, когда дело касается современных API.
https://joanleon.dev/en/chrome-devtools-mcp-cli/ | 3 239 |
| 20 | От React к нативному вебу с nanotags
Отличное применение принципа «под каждую задачу — правильный инструмент».
Павел Гринченко на примере показывает, что для лендинга или маркетингового сайта не обязательно тащить увесистые фреймворки, которые придуманы для тяжёлых SPA с развесистой бизнес-логикой. Но да, для этого придётся разобраться в «новых» технологиях.
https://t.me/webstandards_ru/7729 | 2 966 |
Вже доступно! Дослідження Telegram за 2025 — головні інсайти року 
