🎨 CSS впервые за свою историю обзавелся официальным логотипом

Логотип был представлен в проекте logo.css, который создан с учетом философии самого CSS — простоты, гибкости и универсальности.

Новый логотип также несет глубокий символизм. Как пишет автор Joacod на Dev.to, дизайн отдает дань уважения историческому цвету CSS — Rebecca Purple. Этот цвет был добавлен в спецификацию CSS в честь дочери одного из создателей веб-стандартов Эрика Мейера.

👩‍💻 Самая сложная директива Taiga UI

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

Под катом — исследование директивы ActiveZone, которая используется в библиотеке компонентов Taiga UI. Она полагается на два инструмента Angular: Dependency Injection и RxJS. Вам понадобится глубокое понимание нативных событий DOM. Как бы ни был далек Angular от чистого JavaScript и DOM, он все равно полагается на старые добрые Web API, поэтому важно качать свои знания и в области ванильного фронтенда.

👉 Читать

🥊 Deno против Oracle: отмена прав на товарный знак JavaScript

Знаете ли вы, что Oracle официально владеет товарным знаком JavaScript? На протяжении многих лет предпринимались попытки изменить это, но Oracle не прислушивалась к ним, поэтому команда Deno официально подала ходатайство об отмене прав на товарный знак.

⚖️ И, судя по тому, что недавно происходило, Oracle, похоже, готовится к защите.

💭 Как думаете, чем все закончится?

🎙 452-й выпуск подкаста «Веб-стандарты»: Никита Дубко и Андрей Мелихов про новинки CSS 2024, require ES-модулей, TypeScript 5.7, слоистую спекуляцию и усталость от React.

⏱️ Таймкоды:
00:01:07 Новинки CSS 2024
00:33:51 Require ES-модулей
00:48:44 TypeScript 5.7
01:02:31 Слоистая спекуляция
01:17:55 Усталость от React

▶️ YouTube | Сайт подкаста

#подкасты #новости

🎨 Новый канал для вдохновения — UX in GIF

Мы запустили свежий канал, где делимся идеями для дизайна интерфейсов. Всё самое стильное, оригинальное и вдохновляющее теперь в одном месте.

📌 Чем полезен канал?

→ Идеи для дизайна интерфейсов.
→ Анимации, которые можно повторить или адаптировать.
→ Лёгкий способ искать вдохновение перед новым проектом.

👉 Подписывайтесь и вдохновляйтесь: UX in GIF

🖼️ Работа с JavaScript Scheduler API: простой гайд для фронтенд-разработчика

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

👉 Читать гайд

💡 В CSS можно сделать attribute selector регистронезависимым: на заметку фронтенд-разработчику

👉 Поиграть можно здесь

#css #tip by Shripal Soni

🍎 Подборка лучших статей «Библиотеки программиста» за ноябрь: сохраняй в заметки, чтобы не пропустить #самыйсок

📚 Онбординг без боли: 10 библиотек для создания продуктовых туров
🔀 Асинхронность — не баг, а фича: 4 паттерна, которые спасут ваш распределённый сервис
⚛️ 8 важнейших аспектов JavaScript, которые нужно освоить до изучения React
🐍😺🐙 Как сделать блог разработчика на GitHub Pages с помощью Django
🎨⭐️ 10 лучших CSS-библиотек и фреймворков для быстрой разработки фронтенда
⚛️🔀 Эффективная многопоточность в Node.js: как использовать Atomics
💾🌐 6 главных технологий для хранения данных в браузере
🔄 Поллинг или вебхуки: что лучше подойдет для вашего приложения
🔍📊 10 методов SEO-оптимизации JavaScript, которые должен знать каждый фронтендер
👨‍💻🚀 Тест: насколько ты продвинутый разраб?