Использование position sticky с CSS Grid

https://ishadeed.com/article/position-sticky-css-grid #css

Добавьте контактную форму в React приложение с помощью Netlify Forms

https://www.sitepoint.com/react-app-contact-form-netlify-forms/ #react

Руководство по современным CSS colors с RGB, HSL, HWL, LAB и LCH

https://www.smashingmagazine.com/2021/11/guide-modern-css-colors/ #css

Параллакс на основе настраиваемых CSS свойств

Отличное руководство от Джея Томпкинса о том, как использовать настраиваемые свойства для управления эффектом параллакса.

https://css-tricks.com/parallax-powered-by-css-custom-properties/ #css

Динамическое управление цветом с помощью относительных цветов CSS

https://blog.jim-nielsen.com/2021/css-relative-colors/ #css

👨‍💻 Участвуйте в онлайн-хакатоне для Senior iOS, Android и React Native разработчиков SDV DIGITAL NOMAD HIRING WEEKEND. Призовой фонд $30 000. 17-19 декабря

🌍 Победители получат денежные призы, а все участники - возможность присоединиться к команде цифровых кочевников Social Discovery Ventures и оффер от компании за weekend с welcome бонусом $5 000 и релокацией на 3 месяца в страну на выбор: Занзибар, Шри Ланка, Греция, Турция, Испания, Латвия.

🤓 На хакатоне вас ждет 2 трека задач:
1) Приложение для Р2Р звонков
2) Библиотека масок для видеозвонков

💵 ДЕНЕЖНЫЕ ПРИЗЫ ПОБЕДИТЕЛЯМ В КАЖДОМ ТРЕКЕ:
1 место – $4 000
2 место – $2 000
3 место – $1 500
4 место – $1 000
5 место – $500

Регистрируйтесь по ссылке: https://sdvdigitalnomad.com/

Создание кастомного React хука с использованием TDD

https://dev.to/mbarzeev/creating-a-react-custom-hook-using-tdd-2o #react #testing #tdd

🔥 Podlodka анонсировала 3-й сезон Podlodka Frontend Crew - старт 6 декабря.

Интенсив продлится две недели. Сессии проходят дважды в день: утром и вечером.
В программе: крутые спикеры, сессии в лайве, ламповое общение и обмен кейсами в слаке, записи (для тех, кто не успевает на лайв).

Первая неделя посвящается тулингу на Node.js:
- Научитесь работать со всем тулингом современного фронтенда
- Разберетесь, как устроены современные сборщики, транспайлеры и статические анализаторы
- Узнаете как создавать свои Node.js-скрипты для автоматизации рутинных задач

Во время второй недели рассмотрят JavaScript под капотом:
- Узнаете как работает JavaScript и как устроен его интерпретатор.
- Посмотрите на специфику ECMAScript стандартов и принципы работы браузеров.
- Поймёте, как дебажить и профилировать приложения, находить и исправлять утечки памяти

Подробности и билеты уже на сайте! Ждём вас на борту 😊

Адаптивные макеты и меньше медиа-запросов
 Темани Афиф показывает, как заменить несколько медиа-запросов простыми объявлениями CSS.

https://css-tricks.com/responsive-layouts-fewer-media-queries #css

Улучшение обработчиков React onClick с помощью каррирования

https://medium.com/@jesse-94998/enhance-react-onclick-handlers-with-currying-9c3c9ca82df3 @react

Learn CSS
Постоянно обновляемый CSS курс и справочник

https://web.dev/learn/css/

Первый взгляд на Remix.runRemix.run

https://dev.to/dabit3/a-first-look-at-remix-run-449a #tools #react

Какой метод SVG лучше всего подходит для
слишком большого количества иконок?

https://cloudfour.com/thinks/svg-icon-stress-test/ #css

Структура папок для React приложений корпоративного уровня

Структурирование папок проекта таким образом, чтобы оно соответствовало размеру и целям проекта, является ключом к масштабируемости и удобству сопровождения.

https://engineering.udacity.com/react-folder-structure-for-enterprise-level-applications-f8384eff162b #react

JSON Modules в JavaScript

https://dmitripavlutin.com/javascript-json-modules/ #js

Создание генерирующих паттернов с помощью CSS Paint API

https://css-tricks.com/creating-generative-patterns-with-the-css-paint-api/ #css

Шпаргалка по React + TypeScript

https://medium.com/@nathansebhastian/react-with-typescript-cheatsheet-9dd891dc5bfe #react #ts

Вышел Storybook 6.4

https://medium.com/@shilman/storybook-6-4-63a7f0710cb3 #tools

Open Props: субатомные стили
Пользовательские CSS свойства с открытым исходным кодом для ускорения адаптивного и согласованного проектирования. Доступно через CDN или NPM в виде CSS или Javascript.
https://open-props.style/ #css