6 генераторов фона

Подборка инструментов для генерации красивого заднего фона.

https://blog.logrocket.com/best-css-background-generators/

Альтернативы Create React App

От создания React проекта с нуля до Gatsby и React Starter Kit.

https://blog.openreplay.com/top-alternatives-to-create-react-app/

Привет! На связи Podlodka Crew. Приглашаем на юбилейный сезон Podlodka Frontend Crew 5 декабря и разыгрываем 1 билет.

В программе — браузерные API и интересные кейсы. Проведи начало зимы с пользой и лови вдохновение на следующий год!

Новые подробности сезона:

❄️ Разработчики из Microsoft и Альфа Онлайн на круглом столе обсудят, почему проекты приходят к PWA, какие с ним бывают проблемы и можно ли с его помощью решить проблемы блокировок нативных мобильных приложений в сторах.
❄️ Разберём API для безопасности и криптографии, использование ключей и узнаем, зачем генерировать, хранить и использовать криптоключи в браузере.
❄️ Научимся безопасно использовать Service Worker API с учётом ограничений и требований.
❄️ Узнаем, как улучшать диалоги с помощью нативных элементов.

👉 забирай билет на сайте

🎁 По традиции разыгрываем билет среди подписчиков. Для участия в розыгрыше заполняй форму, результаты объявим через пару дней!

DOM - введение для начинающих

Руководство по расположению и геометрии элементов внутри DOM.

https://www.smashingmagazine.com/2022/11/document-object-model-geometry-guide/

Друзья!

По итогам розыгрыша рандомным образом билет уходит @ShotMeow 🎉🎉🎉

Остальным желаю удачи в следующих розыгрышах и хороших выходных! ✌️

Полное руководство по Web Workers

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

https://www.sitepoint.com/developing-faster-javascript-apps-the-ultimate-guide-to-web-workers

Набор CSS анимаций на все случаи жизни

Выбираете анимацию, жмете like и download и копируете сгенерированный код

https://animista.net

Рефакторинг на максималках

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

https://refactor-like-a-superhero.vercel.app/ru

Используем npm query для менеджмента зависимостей

CLI инструмент для аудита установленных пакетов, в том числе поиска недостающих, и определения пакетов, зависимых от других.

https://blog.logrocket.com/npm-query-better-dependency-management/

Объясняем работу flame charts из вкладки Perfomance на примере

Неочевидные результаты отображения чартов при исследовании перфоманса.

https://calendar.perfplanet.com/2022/make-sense-of-flame-charts-in-performance-tab-by-example/

Релиз Vite 4

Что нового и как мигрировать с Vite 3 в статье.

https://vitejs.dev/blog/announcing-vite4.html

Преобразуем макет в разметку

Советы для начинающих по верстке макетов: разбивка на блоки, порядок верстки и семантика.

https://www.htmhell.dev/adventcalendar/2022/1/

Доступные front-end паттерны для отображения таблиц

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

https://www.smashingmagazine.com/2022/12/accessible-front-end-patterns-responsive-tables-part1

Используем псевдо-селектор :modal

О работе с псево-элементами и псевдо-селекторами и конкретно с селектором :modal

https://blog.logrocket.com/css-modal-pseudo-selector/