«SVG Tutorial – How to Code Images with 12 Examples» как писать изображения прямо в HTML

Полезное руководство познакомит вас с миром SVG: вы узнаете, как писать изображения прямо в HTML, рисовать простые фигуры, группировать и переиспользовать элементы, добавлять текст и анимацию

Практичные примеры шаг за шагом делают материал доступным даже новичкам.

Хотите, чтобы сайт ощущался мгновенно отзывчивым?

<script type="speculationrules"> позволяет пререндерить следующую страницу ещё ДО того, как пользователь кликнет по ссылке.

Например, когда пользователь наводит курсор на ссылку.

Это веб-стандарт. Просто HTML. Без библиотек.

Минус: поддержка сейчас около 70% – Safari и Firefox пока не поддерживают.

Плюс: если браузер не поддерживает эту возможность, тег просто игнорируется. И всё

Предложение Await Dictionary для ECMAScript перешло на Stage 3 в TC39

Сейчас Promise.all возвращает результаты в виде массива, где значения определяются их позициями. Новый метод Promise.allKeyed позволит получать именованные результаты в объекте – это сделает код более читаемым и упростит работу с несколькими промисами

Кубернетес для норм пацанов

Автор взял и развернул себе Kubernetes на виртуалке, но сделал это не абы как, а по красоте — с нормальной сеткой, OSPF, Calico и даже BGP

Всё пошагово: сначала сеть поднял, потом мастер и воркеры прикрутил, и в итоге три ноды бодро стали в строй. Получилась инструкция «для своих» — без лишних слов, но с кучей полезных деталей.

MDN запустила собственный MCP-сервер

Теперь AI-агенты для программирования могут напрямую обращаться к актуальной документации MDN и данным о совместимости браузеров. Благодаря этому они генерируют более точные и актуальные ответы по веб-разработке.

→ официальный MCP-сервер от MDN
→ доступ к самой свежей веб-документации
→ работает с Claude Code, Cursor, VS Code и другими инструментами

Отличное решение для веб-разработчиков и вайб-кодеров, которые активно используют ИИ при написании кода и хотят, чтобы модели опирались на актуальную документацию, современные практики, рекомендации и свежие данные о совместимости браузеров. :)

http://developer.mozilla.org/en-US/blog/introducing-mdn-mcp-server

Добавь это в основной CSS-файл; приложение от этого точно не сломается, обещаю!

Твои юзеры скажут тебе спасибо!

Вероятно, есть веские причины, почему такое поведение не используется по умолчанию.

Однако в этом конкретном use case, на мой взгляд, type/tab hints стоят небольшого снижения производительности, если это помогает снизить когнитивную нагрузку.

Вот полезный совет по TypeScript:

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

Полный курс по веб-разработке от Google: «Webdev Learn»

Наткнулся на мощный ресурс команды Chrome - всё про HTML, CSS, JS, UX, скорость и доступность. Отличный старт и для джунов, и для тех, кто хочет освежить знания.

В CSS появится свойство size – шорткат для задания width и height

✓ size: 100px → одинаковые width и height
✓ size: 200px 80px → ширина и высота
✓ Поддерживает те же единицы измерения, что и width и height

Предложение больше 10 лет оставалось без движения, и наконец его приняли.

Safari уже реализовал поддержку size за экспериментальным флагом

Laravel 13 Tip: Cache::flexible()

Хотите быстрые страницы без постоянной выдачи устаревших данных?

Метод Cache::flexible() в Laravel сразу возвращает данные из cache, одновременно незаметно обновляя их в background:

Laravel 13 Tip: Cache::flexible()

Хотите быстрые страницы без постоянной выдачи устаревших данных?

Метод Cache::flexible() в Laravel сразу возвращает данные из cache, одновременно незаметно обновляя их в background: