Отменяем Promises в JS

Создаем отменяемые задачи в JS с помощью Promise.withResolvers и AbortController

https://webdeveloper.beehiiv.com/p/cancel-promises-javascript

15 советов по оптимизации страниц

Аспекты разработки (на которые часто не обращают внимание), которые помогут улучшить загрузку и работу вашего приложения.

https://www.speedcurve.com/blog/15-neglected-page-speed-optimizations/

Используем @starting-style и transition-behavior для анимации сцен

Практический пример с использованием новых экспериментальных функций для создания анимаций на чистом CSS.

https://nerdy.dev/using-starting-style-and-transition-behavior-for-enter-and-exit-stage-effects

Разрезаем изображение на кусочки (и соединяем при наведении)

Интересный и простой эффект без использования JS.

https://codepen.io/thebabydino/pen/VwOGJQx

В CSS появился условный оператор

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

https://css-tricks.com/if-css-gets-inline-conditionals/

Создаем npm пакет с поддержкой CommonJS и ESM

Пошаговое руководство по созданию и оформлению npm пакета на TypeScript

https://blog.mastykarz.nl/create-npm-package-commonjs-esm-typescript/

Анимация повторения текста при скроле

Очередной необычный эффект для вашего приложения.

Демо | Github

https://tympanus.net/codrops/2022/04/13/on-scroll-text-repetition-animation/

В CSS в скором времени появятся нативные mixin

Подробнее о том как это будет — в черновиках CSSWG

https://drafts.csswg.org/css-mixins/

24 CSS проекта, которые сделают из вас мастера CSS

Анимации загрузки, прогресс бары, переворачивающиеся карты — во многом стандартные эффекты, которые иногда не так просты как кажется. Раскроем все секреты реализации в 2х часовом курсе от freeCodeCamp.

https://www.youtube.com/watch?v=TzuWIHGFKCQ

Мидлы и сеньоры тут?

Если вы не понимаете, как и куда расти дальше, но очень хотите, пора познакомиться с IT_One! Это аккредитованная IT-компания, разрабатывающая ПО на заказ. IT_One организует и проводит митапы, хакатоны, участвует в профессиональных мероприятиях, объединяя специалистов по всей стране.

Все сотрудники IT_One имеют возможность работать удалённо и свободно развиваться за счёт компании. Для каждого действует программа ротации — всегда можно сменить направление деятельности на более интересное для себя.

👉🏻 Переходите в профиль IT_One — прямо сейчас у вас есть возможность забрать бесплатный гайд для мидлов, желающих скорее дорасти до сеньоров, а также для сеньоров, которые упёрлись в потолок и не знают, как развиваться дальше!

Реклама. ИП Пчелинцева В.В. ИНН: 701752778729, erid: 2Vtzqwrsoop

Почему page.goto() замедляет ваши тесты на Playwright?

Разбираемся с оптимизацией e2e тестов на Playwright.

https://www.checklyhq.com/blog/why-page-goto-is-slowing-down-your-playwright-test/

JavaScript console.log

Способы логирования в консоль — улучшаем читабельность логов.

https://www.youtube.com/watch?v=eSGcBJIfAAU

Для чего нужна библиотека tRPC?

Объяснение на практическом примере.

https://www.freecodecamp.org/news/what-is-trpc/

Добавляем определения типов для CSS

Как свойство @property поможет вам избежать ошибок при использовании кастомных свойств.

https://moderncss.dev/providing-type-definitions-for-css-with-at-property/

Динамический Github профиль с Bun и Typescript

О том, как сделать свой профиль на GitHub динамическим используя Bun, TS и Github Actions.

https://tduyng.github.io/blog/dynamic-github-profile-with-bun-typescript/

Выбираем рендер-стратегию для вашего приложения

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

https://vercel.com/blog/how-to-choose-the-best-rendering-strategy-for-your-app

Popover API 101

Нативный Popover с недавнего времени доступен в браузерах. Посмотрите как использовать его API и как можно его стилизовать и анимировать.

https://www.amitmerchant.com/popover-api-101/

Нужно развернуть приложения быстрее? С Облаком Рег.ру это возможно!

Мы предлагаем мгновенный запуск сервисов, линейку процессоров от мощных до очень мощных ( включая AMD EPYC и высокочастотные E2388), управление через панель или API. С нашими готовыми образами для Docker и GitLab вы сможете начать работу в несколько кликов.

Присоединяйтесь к нашему каналу, чтобы узнать, как облако Рег.ру помогает в разработке, и быть в курсе актуальных IT-новостей.

Реклама. ООО «Регистратор доменных имен РЕГ.РУ». ИНН 7733568767 erid: 2VtzquX6u22

Свойство CSS font-size-adjust теперь часть стандарта

Свойство может помочь предотвратить сдвиги контента при загрузке fallback шрифтов.

Подробнее — в небольшой заметке.

https://web.dev/blog/font-size-adjust?hl=en