Все еще используешь традиционный способ доступа к элементам с правого конца массива? Пора добавить немного разнообразия!

- Попробуй новый метод .at() для массивов. Он делает то же самое, что и нотация [x], но по-другому обрабатывает отрицательные значения.

- Отрицательные значения обозначают элементы с правого конца массива.

- -1 дает последний элемент, -2 — предпоследний, и так далее.

➡️ @FrontendPortal | #CSS

Быстрый совет по JS: используйте Gamepad API, чтобы в реальном времени отслеживать статус подключения геймпада и состояние его кнопок.

Это позволяет легко интегрировать поддержку игровых контроллеров в веб-проекты ✌️

➡️ @FrontendPortal | #tip #js

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

➡️ @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