✨ Странные CSS-свойства, но, возможно, полезные
В CSS полно фич, которые кажутся избыточными: вы знаете, что они делают, но неясно, где их применить на практике.
Стас Мельников делится списком таких загадок: от скрытия пустых ячеек в таблицах до декоративных маркеров над текстом.
👉 https://habr.com/ru/companies/ruvds/articles/950476/
В CSS полно фич, которые кажутся избыточными: вы знаете, что они делают, но неясно, где их применить на практике.
Стас Мельников делится списком таких загадок: от скрытия пустых ячеек в таблицах до декоративных маркеров над текстом.
👉 https://habr.com/ru/companies/ruvds/articles/950476/
👍5🔥4🥱3❤🔥1
🚀 Теперь Angular поддерживается в Google AI Studio
Команда Angular анонсировала поддержку генерации Angular-приложений прямо в AI Studio — теперь можно создавать прототипы и полноценные проекты на Angular с помощью Gemini без лишних настроек.
Интеграция дает возможность: генерировать код, экспортировать его на GitHub, деплоить через Cloud Run и даже создавать AI-фичи с использованием Gemini API.
👉 https://blog.angular.dev/angular-support-for-generating-apps-in-google-ai-studio-is-now-available-3a3afde38f58
Команда Angular анонсировала поддержку генерации Angular-приложений прямо в AI Studio — теперь можно создавать прототипы и полноценные проекты на Angular с помощью Gemini без лишних настроек.
Интеграция дает возможность: генерировать код, экспортировать его на GitHub, деплоить через Cloud Run и даже создавать AI-фичи с использованием Gemini API.
👉 https://blog.angular.dev/angular-support-for-generating-apps-in-google-ai-studio-is-now-available-3a3afde38f58
🔥17👍7💩5❤1
✨ Расстаемся с any в TypeScript
Использование any — это не безобидный компромисс, а отказ от главного преимущества TypeScript, статической типизации. Этот тип позволяет коду пройти компиляцию, но приводит к ошибкам в рантайме, подрывая надежность всего проекта и создавая ложное чувство безопасности.
В статье подробно разбирается, как можно автоматически отлавливать и запрещать небезопасные типы.
👉 https://habr.com/ru/articles/859114/
Использование any — это не безобидный компромисс, а отказ от главного преимущества TypeScript, статической типизации. Этот тип позволяет коду пройти компиляцию, но приводит к ошибкам в рантайме, подрывая надежность всего проекта и создавая ложное чувство безопасности.
В статье подробно разбирается, как можно автоматически отлавливать и запрещать небезопасные типы.
👉 https://habr.com/ru/articles/859114/
👍10🔥7✍3👏3
✨ Используйте простейшие рабочие решения
При проектировании ПО многие инженеры стремятся к идеальной архитектуре — бесконечно масштабируемой и навороченной.
Автор статьи утверждает, что это ошибка. Вместо погони за сложными системами стоит глубоко проанализировать задачу и реализовать самое простое рабочее решение. Этот подход, основанный на принципе YAGNI, применим ко всему: от фиксов багов до разработки с нуля.
👉 https://habr.com/ru/companies/ruvds/articles/949970/
При проектировании ПО многие инженеры стремятся к идеальной архитектуре — бесконечно масштабируемой и навороченной.
Автор статьи утверждает, что это ошибка. Вместо погони за сложными системами стоит глубоко проанализировать задачу и реализовать самое простое рабочее решение. Этот подход, основанный на принципе YAGNI, применим ко всему: от фиксов багов до разработки с нуля.
👉 https://habr.com/ru/companies/ruvds/articles/949970/
👍11❤4🔥2
✨ Как не сойти с ума на умной работе
Многие айтишники рано или поздно сталкиваются с чувством выгорания, даже если задачи интересные, команда классная, а отпуск вроде бы помогает.
Александр Царёв поделился личным опытом: ни сериалы, ни путешествия, ни смена проектов не спасают от хронической усталости. Помогло простое решение — ручной труд. Гараж, сад, ремонт, даже сборка мебели. Все, где есть физический результат, возвращает ощущение живости и баланс между виртуальным и реальным мирами.
👉 https://habr.com/ru/articles/951532/
Многие айтишники рано или поздно сталкиваются с чувством выгорания, даже если задачи интересные, команда классная, а отпуск вроде бы помогает.
Александр Царёв поделился личным опытом: ни сериалы, ни путешествия, ни смена проектов не спасают от хронической усталости. Помогло простое решение — ручной труд. Гараж, сад, ремонт, даже сборка мебели. Все, где есть физический результат, возвращает ощущение живости и баланс между виртуальным и реальным мирами.
👉 https://habr.com/ru/articles/951532/
❤19✍9🔥9👍2
✨ Препарируем signal
Сигналы уже давно стали частью Angular и других фреймворков. Но что на самом деле происходит под капотом, когда значение меняется и UI реактивно обновляется?
Сергей Кулаев шаг за шагом реализовал собственные аналоги signal, computed и effect, чтобы наглядно продемонстрировать их внутреннюю логику.
👉 https://habr.com/ru/companies/psb/articles/955912/
Сигналы уже давно стали частью Angular и других фреймворков. Но что на самом деле происходит под капотом, когда значение меняется и UI реактивно обновляется?
Сергей Кулаев шаг за шагом реализовал собственные аналоги signal, computed и effect, чтобы наглядно продемонстрировать их внутреннюю логику.
👉 https://habr.com/ru/companies/psb/articles/955912/
🔥11❤2👍1
✨ Список вопросов о CSS для собеседования
В 2025 году проверка знаний CSS выходит на новый уровень: каверзные вопросы с подвохами о свежих фичах, от :nth-child(of) до псевдоклассов вроде :user-valid и :has.
Разбор этих примеров — отличный способ проверить себя и прокачать понимание современных возможностей CSS.
👉 https://habr.com/ru/companies/ruvds/articles/952546/
В 2025 году проверка знаний CSS выходит на новый уровень: каверзные вопросы с подвохами о свежих фичах, от :nth-child(of) до псевдоклассов вроде :user-valid и :has.
Разбор этих примеров — отличный способ проверить себя и прокачать понимание современных возможностей CSS.
👉 https://habr.com/ru/companies/ruvds/articles/952546/
💩8🥴5💊4👍2🤮1🥱1
✨ Angular SSR
Серверный рендеринг (SSR) в Angular эволюционировал от экспериментальной фичи к мощному инструменту, который радикально ускоряет загрузку страниц и поднимает SEO на новый уровень. Команда Angular с версии 17 добавила нативную поддержку, сделав его простым в интеграции без лишней головной боли.
Статья разбирает настройку SSR, работу с метаданными, взаимодействие с кешированием и многое другое.
👉 https://angular.love/angular-ssr-everything-you-need-to-know
Серверный рендеринг (SSR) в Angular эволюционировал от экспериментальной фичи к мощному инструменту, который радикально ускоряет загрузку страниц и поднимает SEO на новый уровень. Команда Angular с версии 17 добавила нативную поддержку, сделав его простым в интеграции без лишней головной боли.
Статья разбирает настройку SSR, работу с метаданными, взаимодействие с кешированием и многое другое.
👉 https://angular.love/angular-ssr-everything-you-need-to-know
🔥5🤔4👍2
✨ Скрытые затраты сигналов
Оптимизация сигналов может показаться преждевременной, но в крупных приложениях игнорировать ее, значит рисковать каскадом из сотен бесполезных циклов обнаружения изменений и проверок компонентов, которые жрут ресурсы зря.
В статье разбираются практические приемы, которые заставят сигналы срабатывать только при реальном изменении данных и предотвратят лишнюю работу.
👉 https://angular.love/angular-signals-the-hidden-cost-of-reference-changes
Оптимизация сигналов может показаться преждевременной, но в крупных приложениях игнорировать ее, значит рисковать каскадом из сотен бесполезных циклов обнаружения изменений и проверок компонентов, которые жрут ресурсы зря.
В статье разбираются практические приемы, которые заставят сигналы срабатывать только при реальном изменении данных и предотвратят лишнюю работу.
👉 https://angular.love/angular-signals-the-hidden-cost-of-reference-changes
🔥8👍1🤔1
✨ Декомпозиция в эпоху ИИ
Вы тоже заметили, что с приходом нейросетей ценность умения писать шаблонный код снизилась, а ценность архитектурного мышления и правильной декомпозиции задач, наоборот, выросла?
Теперь фокус смещается с вопроса «как это закодировать?» на «как это правильно спроектировать?». И навык разбить сложную систему на простые, логически независимые модули стал ключевым.
А если заглянуть еще дальше, то и архитектура становится лишь промежуточным звеном. Приоритет смещается к тому, как развивается сам продукт, как взаимодействуют команды и как масштабируется бизнес.
👉 https://habr.com/ru/articles/956778/
Вы тоже заметили, что с приходом нейросетей ценность умения писать шаблонный код снизилась, а ценность архитектурного мышления и правильной декомпозиции задач, наоборот, выросла?
Теперь фокус смещается с вопроса «как это закодировать?» на «как это правильно спроектировать?». И навык разбить сложную систему на простые, логически независимые модули стал ключевым.
А если заглянуть еще дальше, то и архитектура становится лишь промежуточным звеном. Приоритет смещается к тому, как развивается сам продукт, как взаимодействуют команды и как масштабируется бизнес.
👉 https://habr.com/ru/articles/956778/
👍8💩7❤1🔥1🤮1
✨ Как ускорить render приложения в 68 раз, и при чём тут Signals
Фреймворки, построенные на Virtual DOM, достигли предела оптимизации. Даже продвинутые механики вроде React Fiber и Concurrent Mode не решают проблему.
Разница в производительности колоссальна: в тестах на обновление одного элемента из тысячи оптимизированный React.memo тратит 205 мс, в то время как Solid.js и Angular справляются за 3–14 мс.
👉 https://habr.com/ru/companies/domclick/articles/956468/
Фреймворки, построенные на Virtual DOM, достигли предела оптимизации. Даже продвинутые механики вроде React Fiber и Concurrent Mode не решают проблему.
Разница в производительности колоссальна: в тестах на обновление одного элемента из тысячи оптимизированный React.memo тратит 205 мс, в то время как Solid.js и Angular справляются за 3–14 мс.
👉 https://habr.com/ru/companies/domclick/articles/956468/
❤12🔥7👍2🥴2🤪2😁1👀1
✨ URLPattern — pattern matching, который мы ждали
Веб наконец-то получил удобный инструмент для сопоставления URL с шаблонами. Новый URLPattern API, уже доступен во всех основных браузерах, Node.js и Deno, позволяет элегантно проверять, парсить и валидировать ссылки, без боли и костылей с регулярками.
Читай статью, чтобы увидеть примеры кода, узнать о синтаксисе шаблонов и понять, как URLPattern упростит жизнь фронтенд и бэкенд-разработчикам.
👉 https://habr.com/ru/companies/tbank/articles/955984/
Веб наконец-то получил удобный инструмент для сопоставления URL с шаблонами. Новый URLPattern API, уже доступен во всех основных браузерах, Node.js и Deno, позволяет элегантно проверять, парсить и валидировать ссылки, без боли и костылей с регулярками.
Читай статью, чтобы увидеть примеры кода, узнать о синтаксисе шаблонов и понять, как URLPattern упростит жизнь фронтенд и бэкенд-разработчикам.
👉 https://habr.com/ru/companies/tbank/articles/955984/
👍7❤2🔥2
✨ Полное руководство по HTTP-кэшированию
Кэширование — одна из фундаментальных, но часто недооцененных технологий веба. Правильная настройка ускоряет сайты, снижает нагрузку и экономит бюджет, тогда как ошибки в конфигурации приводят к замедлению, лишним тратам и падениям под нагрузкой.
В статье разбираемся, как на самом деле работают заголовки Cache-Control, Expires и ETag, чем no-cache отличается от no-store и как директива s-maxage может спасти ваш CDN. Узнайте, как избежать распространенных ошибок и выстроить надежную стратегию кэширования.
👉 https://habr.com/ru/companies/timeweb/articles/954906/
Кэширование — одна из фундаментальных, но часто недооцененных технологий веба. Правильная настройка ускоряет сайты, снижает нагрузку и экономит бюджет, тогда как ошибки в конфигурации приводят к замедлению, лишним тратам и падениям под нагрузкой.
В статье разбираемся, как на самом деле работают заголовки Cache-Control, Expires и ETag, чем no-cache отличается от no-store и как директива s-maxage может спасти ваш CDN. Узнайте, как избежать распространенных ошибок и выстроить надежную стратегию кэширования.
👉 https://habr.com/ru/companies/timeweb/articles/954906/
👍7🔥2👏2❤1
✨ Самый большой секрет HTML: тег <output>
Все знают про <input>, но многие упускают его семантического партнера, тег <output>. Это нативный HTML-элемент для отображения результатов вычислений или действий пользователя, который решает важную задачу доступности: он по умолчанию сообщает скринридерам о динамическом обновлении своего содержимого.
Он сопоставим с role="status", а с помощью атрибута for его можно семантически связать с одним или несколькими полями ввода. Это идеальное решение для калькуляторов, значений слайдера или индикаторов надежности пароля, которое работает из коробки без дополнительных ARIA-атрибутов.
👉 https://habr.com/ru/articles/957618/
Все знают про <input>, но многие упускают его семантического партнера, тег <output>. Это нативный HTML-элемент для отображения результатов вычислений или действий пользователя, который решает важную задачу доступности: он по умолчанию сообщает скринридерам о динамическом обновлении своего содержимого.
Он сопоставим с role="status", а с помощью атрибута for его можно семантически связать с одним или несколькими полями ввода. Это идеальное решение для калькуляторов, значений слайдера или индикаторов надежности пароля, которое работает из коробки без дополнительных ARIA-атрибутов.
👉 https://habr.com/ru/articles/957618/
❤9👍4🤯1