💡Простой способ анимации иконки при нажатии/фокусе: на заметку фронтенд-разработчику

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

#css #tip by Shripal Soni

🎨 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, но обещает более точный способ расставлять приоритеты и управлять выполнением задач, чем это было возможно до сих пор.

👉 Читать гайд