​Процесс создания CSS-фреймворка

Автор статьи поделился своим опытом разработки CSS-фреймворка CodyFrame, а точнее его третьей версии.

https://tprg.ru/Xu2S

#css

​Отключение JavaScript не спасает вас от фингерпринтинга

Фингерпринтинг — это способ идентифицировать пользователей веб-сайта без использования файлов cookie или хранилища данных. Считается, что отключение JavaScript может предотвратить это.

В этой статье доказали обратное:

https://tprg.ru/NiKa

​Что такое Kubernetes

Kubernetes — это портативная расширяемая платформа с открытым исходным кодом для управления контейнеризованными рабочими нагрузками и сервисами, которая облегчает как декларативную настройку, так и автоматизацию. Пока непонятно?

Тогда открывайте статью, там всё рассказано понятно и подробно:

https://tprg.ru/WdgY

#kubernetes

Главное, понять это в книжном, а не дома

​Как использовать Сага паттерн в микросервисах

Использование микросервисной архитектуры даёт много преимуществ. Это стало нормой для многих крупномасштабных приложений. Однако микросервисы также сталкиваются с рядом проблем. Одна из таких проблем — обработка транзакций, охватывающих несколько сервисов.

Решить эту проблему может паттерн Сага. Подробнее:

https://tprg.ru/qQJW

Создание эффекта прозрачного стекла и пластика в Three.js

В недавнем выпуске Three.js (r129 и выше) появились новые функции, которые позволяют нам создавать убедительные прозрачные, похожие на стекло и пластик материалы, преломляющие и рассеивающие содержимое, находящееся за ними. В этой статье рассказали, как такой эффект можете сделать вы:

https://tprg.ru/U3mi

#javanoscript #threejs

​Как реализовать флаги функций в React

Флаги функций — это механизмы, которые разработчики могут использовать для безопасного выпуска программного обеспечения. Они позволяют командам разработчиков добавлять или удалять функции из программной системы на лету, без необходимости каких-либо изменений кода при развертывании.

Как их реализовать в вашем проекте читайте тут:

https://tprg.ru/Mxh1

#фронтенд #react

​Дизайн аккордеонов: лучшие практики

«Аккордеон» — это список параметров в выпадающем меню, расположенных вертикально, которые можно развернуть / свернуть, чтобы отобразить или скрыть дополнительное связанное содержимое. В этой статье рассмотрены лучшие практики по созданию аккордеонов с точки зрения дизайна:

https://tprg.ru/OWso

​Chrome DevTools: Хитрости при отладке

В этой статье вы найдёте на различные нюансы для работы с Chrome DevTools, полезные при отладке. Какие-то из них автор почерпнул в сети, до каких-то додумался сам. Возможно, вы найдёте для себя что-нибудь новое и полезное.

https://tprg.ru/ky8O

Разработка текстового виджета

Разработчики из Readymag поделились своим опытом разработки текстового редактора в вебе, начиная с обзора существующих возможностей html/css и заканчивая best practices, которые они сформировали во время разработки.

Подробнее:

https://tprg.ru/yaMI

#фронтенд

От создателей «Х**к х**к и в продакшн»

​Веб-разработка: основы статического сайта

Статья для новичков, которые только начинают вливаться в веб-разработку. Здесь вы узнаете базовые моменты создания статического сайта:

https://tprg.ru/b2Sn

​Топ-10 признаков плохого кода: хардкод и спагетти-код в примерах на JavaScript

В руководстве пойдёт речь о некоторых признаках, выдающих плохие практики в разработке программного обеспечения и неопытность разработчиков:

https://tprg.ru/5xT2

#javanoscript

Иконка отправки письма

Интересная иконка отправки письма, анимированная с помощью трансформации SVG-изображения. Выполнена без использования JS. Посмотреть код можно здесь:

https://tprg.ru/kD36

#codepen

А мой проект — это сайт-визитка

​Визуализация данных с помощью веб-фреймворка Dash

Dash является довольно интересным веб-фреймворком для визуализации данных и имеет в себе довольно много полезных функций в сочетании с простотой их применения.

В этой статье вы узнаете о некоторых его возможностях, которые вам могут быть интересны:

https://tprg.ru/mxg0

​CSS-медиафичи для улучшения доступности

Медиафича (media feature) — это условие для CSS-директивы @media. В этой статье вы узнаете о нескольких медиафичах: prefers-reduced-motion, prefers-color-scheme, inverted-colors, forced-colors, ms-high-contrast, prefers-contrast и prefers-reduced-transparency.

Подробнее:

https://tprg.ru/TqS9

#фронтенд #css

​Скрытие всплывающих окон, при прокрутке страницы с помощью React

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

https://tprg.ru/dNGC

#react

​Бесплатный курс — «Школа разработки интерфейсов 2021»

Летом 2021 года прошла Школа разработки интерфейсов от Академии Яндекса: студенты слушали лекции, выполняли домашние задания, изучая Node.js, React, тестирование и многое другое. Теперь запись этих лекций доступна онлайн каждому на YouTube.

Посмотреть можно тут:

https://tprg.ru/SLP0

Сразу видно, кто письма для рассылки верстал

​Вышел Git 2.34: что нового

Последнее обновление Git содержит в себе большое количество исправлений, а также добавление новых функций. Подробнее обо всех изменениях читайте в статье:

https://tprg.ru/y0EX

#git