Frontend Portal

URL.canParse() — теперь входит в Baseline Widely AvailableПоддерживается во всех браузерах с декабря 2023 года – в большинстве случаев можно использовать без опасений.Если вы вызываете isValidUrl() для большого количества строк, которые не являются URL, переход на URL.canParse() может заметно повысить производительность, так как позволяет избежать использования ошибок для управления потоком выполнения.➡️ @FrontendPortal

Свойство scroll-paddingПозволяет остановить прокрутку на определённом расстоянии от края контейнераМожно воспользоваться сокращённым свойством scroll-padding или альтернативными ему более конкретными свойствами scroll-padding-*➡️ @FrontendPortal | #CSS

🔥VPS + ISPmanager со скидкой до 100% на WaicoreЗапускаете сайты на VPS? Сейчас самое время попробовать ISPmanager практически бесплатно.➕ Наши акции: — 100% скидка на первый месяц лицензии ISPmanager при заказе VPS из категории «Веб-хостинг»— Скидка 60% на лицензии ISPmanager при отдельной покупкеТакже доступны:🛡 SSL-сертификаты🛡 BitNinja для защиты серверов от атак, спама и вредоносного ПО.Получаете готовый VPS с установленной панелью управления и можете сразу приступать к работе с сайтами, почтой, базами данных и другими сервисами.⚡️Акция действует месяц.Подробнее на сайте WAICORE.

Очередная новинка в CSS на подходе — display: grid-lanesЭто решение для того самого Pinterest-лайаута: карточки разной высоты, которые плотно заполняют пространство без пустых дыр.До сих пор подобные сетки обычно собирали через JavaScript и библиотеки вроде Masonry.js. Это добавляло лишние вычисления в рантайме, а при изменении размеров окна такие раскладки нередко начинали тормозить или ломаться.Ребята из Apple подготовили отдельный сайт с примерами и подробным гайдом по grid-lanes:https://gridlanes.webkit.orgПока фича доступна только в Safari, но позже должна появиться и в других браузерах.➡️ @FrontendPortal

Отличная JS-либа для слайдеров и каруселей, которая избавляет от необходимости собирать всё с нуля.Хорошая, лёгкая альтернатива Swiper 👍https://splidejs.com/➡️ @FrontendPortal | #resourse

Что, если «Следствие вели…» снимали бы в офисном сеттинге в IT-компании? Мы могли бы об этом только фантазировать, если бы… Авито взял и не снял свой выпуск с Леонидом Каневским 🔥Мы ещё не успели посмотреть: планируем оставить на вечер. Говорят, легенда тру-крайма там расследует внезапный рост ошибок 404 на endpoint аватарок (реальный кейс команды AvitoTech, кстати!).Смотрим, чтобы услышать будущие легендарные цитаты... ну и чтобы в вашей команде такого не случилось!📱 YouTube📱 Rutube📱 VK Видео

Совет по JS: возможно, вы не знали про способ автоматически экранировать обратные слэши в строкеИспользуйте String.raw, она возвращает строку как есть, без обработки escape-последовательностей вроде \t, \n и т.д.Она трактует \ и t как отдельные символы и автоматически экранирует обратный слэш в выходной строке. ➡️ @FrontendPortal | #tip by Shripal Soni

Откопал интересную штуку для UIНабор кастомизируемых pixel-grid спиннеров в стиле retro flip-dot дисплеев: можно выбрать готовый вариант, собрать свой в визуальном редакторе и экспортировать в SVG, React, Flutter и другие форматыhttps://flicker.laurie.fyi/gallery➡️ @FrontendPortal

Есть повод отпраздновать!facebook/react → react/react➡️ @FrontendPortal

React Compiler на Rust почти готовКоманда React практически завершила перенос React Compiler с TypeScript на Rust. Новая версия уже используется внутри компании и показывает очень уверенные результаты:• 99,9% паритета с текущей реализацией на TypeScript• около 25% прироста производительности• более глубокая интеграция с экосистемой Rust-инструментов, включая SWC и OXCОтдельно интересно, что часть портирования проходов компилятора выполнялась с помощью вайб-кодингаСейчас команда занимается финальной полировкой, тестированием и сбором обратной связи. По словам разработчиков, уровень уверенности в новой реализации уже достаточно высок, и PR планируют смержить в ближайшие неделиПараллельно экосистема уже готовится к переходу на новую версию. Для React Compiler на Rust появились черновые интеграционные PR для:• Oxc• SWC• Bun➡️ @FrontendPortal

Откопал мощный редактор с кучей красивых готовых mesh-градиентов, которые можно визуально кастомизировать и экспортировать как изображения или даже анимированные видео https://colorflow.ls.graphics/➡️ @FrontendPortal

Принес небольшую коллекцию красивых переходов 😳Внутри готовые анимации для карточек, меню, уведомлений, загрузок, переключателей и других элементов интерфейса. Всё можно сразу посмотреть, скопировать и украсть себе в проект.https://transitions.dev/➡️ @FrontendPortal

Метод для возврата элемента массива по указанному индексу Он действует почти как скобочная запись array[index], за исключением того, что индекс может быть отрицательным➡️ @FrontendPortal | #js

Создать прикольную анимацию сайдбара на CSS не так уж сложно ☺️Здесь мы делаем простую анимацию, чтобы скрывать и показывать сайдбар, одновременно сдвигая основной контент страницы вправо.Если хочешь, можно сделать анимацию проще: убрать scale и оставить только translate.Экспериментируй с разными значениями timing functions, длительностью и другими параметрами, чтобы добиться нужного эффекта➡️ @FrontendPortal | #CSS