Size: a a a

2021 November 25
Frontend Info
Использование position sticky с CSS Grid

https://ishadeed.com/article/position-sticky-css-grid #css
источник
2021 November 26
Frontend Info
Добавьте контактную форму в React приложение с помощью Netlify Forms

https://www.sitepoint.com/react-app-contact-form-netlify-forms/ #react
источник
2021 November 27
Frontend Info
Руководство по современным CSS colors с RGB, HSL, HWL, LAB и LCH

https://www.smashingmagazine.com/2021/11/guide-modern-css-colors/ #css
источник
2021 November 28
Frontend Info
Различные способы добавления комментариев на ваш статический сайт

https://darekkay.com/blog/static-site-comments/
источник
2021 November 29
Frontend Info
Параллакс на основе настраиваемых CSS свойств

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

https://css-tricks.com/parallax-powered-by-css-custom-properties/ #css
источник
2021 November 30
Frontend Info
Динамическое управление цветом с помощью относительных цветов CSS

https://blog.jim-nielsen.com/2021/css-relative-colors/ #css
источник
Frontend Info
👨‍💻 Участвуйте в онлайн-хакатоне для 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/
источник
2021 December 01
Frontend Info
Создание кастомного React хука с использованием TDD

https://dev.to/mbarzeev/creating-a-react-custom-hook-using-tdd-2o #react #testing #tdd
источник
Frontend Info
🔥 Podlodka анонсировала 3-й сезон Podlodka Frontend Crew - старт 6 декабря.

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

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

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

Подробности и билеты уже на сайте! Ждём вас на борту 😊
источник
2021 December 02
Frontend Info
Адаптивные макеты и меньше медиа-запросов
 Темани Афиф показывает, как заменить несколько медиа-запросов простыми объявлениями CSS.

https://css-tricks.com/responsive-layouts-fewer-media-queries #css
источник
2021 December 03
Frontend Info
Улучшение обработчиков React onClick с помощью каррирования

https://medium.com/@jesse-94998/enhance-react-onclick-handlers-with-currying-9c3c9ca82df3 @react
источник
2021 December 04
Frontend Info
Learn CSS
Постоянно обновляемый CSS курс и справочник

https://web.dev/learn/css/
источник
2021 December 05
Frontend Info
Первый взгляд на Remix.runRemix.run

https://dev.to/dabit3/a-first-look-at-remix-run-449a #tools #react
источник
2021 December 07
Frontend Info
Какой метод SVG лучше всего подходит для
слишком большого количества иконок?

https://cloudfour.com/thinks/svg-icon-stress-test/ #css
источник
2021 December 08
Frontend Info
Структура папок для React приложений корпоративного уровня

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

https://engineering.udacity.com/react-folder-structure-for-enterprise-level-applications-f8384eff162b #react
источник
2021 December 09
Frontend Info
источник
2021 December 10
Frontend Info
Создание генерирующих паттернов с помощью CSS Paint API

https://css-tricks.com/creating-generative-patterns-with-the-css-paint-api/ #css
источник
2021 December 11
Frontend Info
источник
2021 December 12
Frontend Info
источник
2021 December 13
Frontend Info
Open Props: субатомные стили
Пользовательские CSS свойства с открытым исходным кодом для ускорения адаптивного и согласованного проектирования. Доступно через CDN или NPM в виде CSS или Javascript.
https://open-props.style/ #css
источник