🎄 HTMHell Advent Calendar 2024

Адвент-календарь HTMHell публикуется с 2022 года. В прошлом году авторы снова вернулись с ещё двадцатью четырьмя статьями о безопасности, доступности, UX и производительности:

• A link on a logo in the header, what should the alt-text be? / Rian Rietveld
• Starting off right: Where autofocus shines / Kilian Valkhof
• Smooth Multi-Page Experiences with Just a Few Lines of CSS / John Allsopp
• Control the Viewport Resize Behavior on mobile with `interactive-widget` / Bramus
• Forced Colors Mode Futility / Matthias Zöchling
• aria-labelledby = self / Weston Thayer
• Almost, but not quite, entirely unlike... / Léonie Watson
• Past HTML, Future HTML? / Jens Oliver Meiert
• Native HTML light and dark color scheme switching / Vadim Makeev
• Submit to the Quirks of HTML / Felix Hessenberger
• Makeshift hot reload / Evan Hahn
• HTML and CSS I didn't even know about before I started creating content in Japanese / Julia Undeutsch
• Improving User Experience for Multilingual Web Browsing / Anastasiia Batarei
• Page by Page: How Pagination Makes the Web Accessible / Kristin Rohleder
• The Gift You Do NOT Want: A Div in a Button's Clothing / Corina Murg
• You don’t need the isOpen class by Maureen Holland
• How I gained a new perspective on ARIA / Marco Bretschneider
• Microdata for books / Alan Dalton
• Getting Oriented with HTML Video / Scott Jehl
• My favourite colour is Chuck Norris red / Declan Chidlow
• Grouping form fields / Matthias Kittsteiner
• PSA: Stop using the title attribute as tooltip! / Daniela Kubesch
• The devil is in the <details> / J. Pedro Ribeiro
• The search input: They almost got it right / Steve Frenzel

🚀 Performance и оптимизация TypeScript-типов в больших проектах

Большие TypeScript-проекты на практике чаще всего представляют собой монорепозитории, в которых может быть сотни и даже тысячи модулей, интерфейсов и типов.

На ранних этапах роста всё кажется вполне управляемым, но в определённый момент начинаешь замечать, что время компиляции становится слишком большим, а IDE начинает работать ощутимо медленнее.

Хмелев Андрей, техлид и фулстек-разработчик, разбирается:

• почему TypeScript захлёбывается в крупных проектах;
• какие подходы и практики помогут оптимизировать типы;
• как проводить диагностику узких мест в процессах компиляции и разработки.

👉 Читать

⭐️ Восходящие звёзды JavaScript 2024 года

Пришло время окончательно попрощаться с 2024 годом, но не раньше, чем Michael Rambeau проведёт ежегодный анализ JavaScript-проектов, которые лучше всего зарекомендовали себя на GitHub за последний год.

Даже если для вас количество звезд на GitHub — не показатель, это по-прежнему отличный способ получить представление об экосистеме JavaScript и увидеть, какие библиотеки и инструменты пользуются популярностью в различных нишах. Как всегда, это фантастическая подборка.

👉 Читать

🤔 Вам не нужен Next.js

Несмотря на то, что Next.js считается предпочтительным метафреймворком React, если ваши требования невелики, простой переход на React даёт множество преимуществ с точки зрения простоты и скорости.

👉 Читать подробнее

🤩 Сбалансированный текст в CSS

Ahmad Shadeed, фронтенд-разработчик и автор книги Debugging CSS, начинает новый год с этого интерактивного гайда, в котором объясняется практическая сторона визуальной балансировки текста с помощью CSS. Это подробное описание того, что могут делать text-wrap и их различные значения.

👉 Читать

🔥 Новые возможности фронтенда для дизайнеров в 2025 году

Стилизация отдельных компонентов, управление стилями родительских элементов на основе дочерних элементов, использование относительных цветов — всё это современные возможности фронтенда.

Многие задачи, которые раньше требовали JavaScript, теперь можно решить с помощью одной строки HTML и CSS.

Автор пересматривает некоторые удивительные новые технологии, которые уже широко доступны и поддерживаются современными браузерами.

👉 Погрузитесь и узнайте, как эти возможности могут упростить вашу повседневную работу и помочь создавать современные UI-компоненты