Условные конструкции в CSS

Пока нативные условные конструкции еще не доступны, какие варианты есть сейчас, чтобы определять свойства по условию? Разберем несколько примеров со своими достоинствами, недостатками и областью применения.

https://lea.verou.me/blog/2024/css-conditionals-now/

React Internals Explorer

Инструмент для визуализации работы React под капотом. Напишите код и смотрите как он работает.

https://jser.dev/2024-05-11-introducing-rie/

Релиз новых математических функций в CSS

round, nearest, to-zero и еще несколько полезных функций заехали в поддержку 3х браузеров. Подробнее в небольшой заметке по ссылке.

https://web.dev/blog/css-stepped-value-functions?hl=en

cap - малоизвестная единица измерения в CSS

Ахмад Шадид рассказывает и показывает на интерактивных примерах, как и для чего можно использовать cap.

https://ishadeed.com/article/css-cap-unit/

Геймдев с Kaboom.js

Туториал по разработке игры на JavaScript с Kaboom.js в стиле Metroidvania. От настройки окружения и сборки до реализации сложной игровой механики.

https://www.youtube.com/watch?v=iM1iSvloMlo

Что aria-hidden="true" на самом деле делает с интерактивными элементами

Небольшая заметка о нюансах использования aria-hidden="true" и почему лучше не применять данный атрибут.

https://cerovac.com/a11y/2024/06/what-does-aria-hiddentrue-actually-do-to-interactive-elements/

Девстанция - сайт для эффективной подготовки к собеседованиям

⚡️ Решение задач с запуском кода
⚡️ 800+ ответов на вопросы с собеседований
⚡️ 250+ решений для популярных задач
⚡️ Интерактивная тренировка по вопросам
⚡️ Викторины по вопросам со звёздочкой
⚡️ Треды для общения с сообществом

Совершенствуйся на Девстанции!

Заходите на https://dev-station.ru

Работа с операторами RxJs, которые вы знаете, но, возможно, недостаточно хорошо

Сравнение операторов, похожих по функционалу, и различные тонкости работы с ними.

https://dev.to/krivanek06/advanced-rxjs-operators-you-know-but-not-well-enough-1ela

Список open-source проектов на NextJs + App Router

Алексей Рябов собрал 15 проектов на NextJS, которые уже находятся в продакшн (а значит их можно пощупать) и имеют открытые исходники.

https://dev.to/datarockets/real-world-open-source-projects-built-with-nextjs-14-and-app-router-i1n

Исследуем React Compiler

Подробное руководство по работе и использованию React Compiler в новых и существующих проектах.

https://blog.logrocket.com/exploring-react-compiler-detailed-introduction/

Новые методы JavaScript Set

О новых возможностях по работе с Set:  создание новых множеств со специфичными свойствами, сравнение множеств и многое другое.

https://developer.mozilla.org/en-US/blog/javascript-set-methods/

Валидируем формы React / React Native приложений

Руководство по валидации данных с Yup и Formik.

https://www.freecodecamp.org/news/react-how-to-validate-user-input/

Scroll-driven анимации

Набор демо, а также различных вспомогательных инструментов для разработки эффектов, завязанных на скролле.

https://scroll-driven-animations.style/

Вырезаем фигуры с clip-path

Руководство по использованию свойства clip-path для получения фигур со сложной геометрией.

https://verpex.com/blog/website-tips/how-to-create-cut-out-shapes-using-the-clip-path-property

Разбираем как решать задачи на LeetCode

✅ Примеры решений
✅ Пояснения

Выбери своё направление:

1. Python
2. JavaScript
3. Java
4. C#
5. Golang
6. С/C++
7. PHP
8. Kotlin
9. Swift

Парсинг HTML в JS

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

https://blog.apify.com/javascript-parse-html/

7 примеров использования Proxy в JS

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

https://dev.to/mattlewandowski93/7-use-cases-for-javascript-proxies-3b29

Интерактивный курс по HTML

Курс для начинающих в формате глобального npm пакета (так что начинающим придется попотеть и поставить его через npm).

https://github.com/denysdovhan/learnyouhtml

Git. Скачем между ветками как древесные лягушки

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

https://habr.com/ru/articles/826260/