Трудности удалёнщиков 🤣

➡️ @FrontendPortal | #memes

Наткнулся тут на интересный материал о том, как работают очереди в контексте HTTP-запросов

Разбираются основные стратегии очередей: FIFO, LIFO, приоритетные, плюс активное управление очередями

Всё это интерактивно: можно тыкать и смотреть, как это всё работает в реальном времени

Ловите ссылку: https://encore.dev/blog/queueing

➡️ @FrontendPortal | #resourse

Свойство columns помогает разделить текст или элементы списка на несколько колонок.

Вы можете контролировать как:
- Количество колонок
- Ширину каждой колонки

Здесь мы использовали "auto" для количества колонок и ширину 10rem.

Это заставляет браузер автоматически выбирать количество колонок в зависимости от доступного размера, так чтобы ширина каждой колонки была близка к 10rem.

Это полезно для контента, подобного новостным статьям, и, как показано в этом примере, для ссылок в подвале.

➡️ @FrontendPortal | #CSS

Нужны годные анимации для ваших React Native приложений?

Эта опенсорс коллекция предлагает более 110 крутых анимаций, которые можно напрямую подключить в ваши проекты. Чистые, современные и очень приятные в использовании

GitHub: demos

➡️ @FrontendPortal | #resourse

Свойство shape-outside

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

.column--left .shape {
  float: right;
  shape-outside: circle(100px at 100% 50%);
}

Подборка примеров использования этого свойства: тык

➡️ @FrontendPortal | #CSS

Наткнулся на интересную библиотеку — Shepherd JS

Это мощная библиотека JS, предназначенная для создания интерактивных пошаговых туров и руководств на веб-страницах

Она поддерживает интеграцию с различными фреймворками, такими как React, Ember, Angular, Vue.js, а также может использоваться с чистым JavaScript

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

Для WordPress существует плагин Simple Tour Guide на основе Shepherd.js

Если вы хотите увидеть Shepherd.js в действии, рекомендую посмотреть следующее видео

➡️ @FrontendPortal | #resourse

Совет по CSS: Нечувствительный к регистру селектор атрибутов

Мы можем добавить i к селектору атрибутов, чтобы он выбирал элементы с этим значением атрибута без учета регистра

➡️ @FrontendPortal | #tip by Shripal Soni

Исследователи обнаружили ещё две новые уязвимости в React Server Components при попытке обойти патчи, выпущенные на прошлой неделе

Две новые уязвимости в React Server Components (RSC):

- Отказ в обслуживании (DoS, высокий уровень критичности): CVE-2025-55184

- Раскрытие исходного кода (средний уровень критичности): CVE-2025-55183

Даже обновлений, выпущенных на прошлой неделе, недостаточно – обновляйтесь снова 👌

➡️ @FrontendPortal

Откопал годноту: Shadcn Themer

Это веб-приложение позволяет создавать полностью кастомные темы для Shadcn практически без усилий. Ты можешь собирать собственные цветовые схемы, смотреть превью в реальном времени и экспортировать всю тему для использования в своих проектах

Также есть раздел сообщества, где можно просматривать темы, созданные другими, и ремиксить их под себя 🎅

➡️ @FrontendPortal | #resourse

Дэн Абрамов выложил в опенсорс новый инструмент – RSC Explorer. Это обучающий тул, который помогает разобраться, как на самом деле работают React Server Components

И клиентская, и серверная части RSC запускаются прямо в браузере. Выглядит круто.

Там даже есть демо для воспроизведения недавней уязвимости CVE. GitHub тут

➡️ @FrontendPortal | #resourse

Атрибут poster

Указывает адрес картинки, которая будет отображаться, пока видео не доступно или не вопроизводится. Если атрибут poster не указан, браузер постарается отобразить первый кадр видео

➡️ @FrontendPortal | #HTML

Наткнулся на одну шикарную штуку: Lychee

Это веб-сервис, который позволяет проверять, живы ли ссылки в ваших проектах. Очень важно для вашего SEO.

- Находит битые ссылки
- Проверяет URL-адреса, файлы HTML и MD
- Разработан на Rust, работает супербыстро
- Доступен как GitHub Action для CI

Удобный, шустрый и максимально простой в использовании

GitHub тут 😎

➡️ @FrontendPortal | #resourse