Как использовать Web Workers API

Выносим тяжёлые вычисления в фон с помощью Web Workers

https://levelup.gitconnected.com/how-to-use-web-workers-api-b1ef96c46fc0

Отзывчивая HTML/CSS галерея с использованием "колонок"

Один из вариантов создания красивой галереи без дополнительной разметки!

https://medium.com/codex/responsive-html-css-image-gallery-using-columns-no-extra-markup-needed-f289236b2f17

Пишем свой плагин для Vite

Если вдруг вам не хватает какого-то функционала для сборки проекта, можно написать свой плагин. Вот небольшая пошаговая инструкция.

https://www.vuemastery.com/blog/building-a-plugin-with-vite/

Инструкция по созданию игры в Telegram

Selectel рассказывает, как за пару вечеров собрать собственного игрового бота на JS. Бонус: если набрать больше 100 очков в их тестовой игре — выиграете мерч.

Пишем React приложение использующее DALL-E API

Простое приложение для генерации картинок при помощи нейросетей.

https://betterprogramming.pub/build-a-react-app-using-dall-e-api-bd15d5d67b31

Где использовать генераторы JS

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

https://jrsinclair.com/articles/2022/why-would-anyone-need-javascript-generator-functions/

CSS Pseudo Elements: Полное руководство

https://blog.openreplay.com/css-pseudo-elements--a-definite-guide/

Структуры данных во фронтенде

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

https://profy.dev/article/javascript-data-structures

Друзья!

☝🏻 Совершенно случайно у нас появился билет на Highload 2022, которая стартует уже завтра и продлится 2 дня.

Highload это конференция, посвященная аспектам разработки высоконагруженных систем - от разработки архитектуры и алгоритмов, до тестирования и администрирования. Думаю, будет интересно инженерам разного рода деятельности и опыта работы.

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

Большой гайд по оптимизации изображений

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

https://www.smashingmagazine.com/2022/11/guide-image-optimization-jamstack-sites/

Дайте шума!

Генерируем статический шум при помощи CSS и странного бага градиентов.

https://css-tricks.com/making-static-noise-from-a-weird-css-gradient-bug/

Рандомным образом билет достается @den_pur, поздравляем 🎉🎉🎉

Всем остальным, кому интересна конференция предлагаем следить за трансляцией главного зала https://youtu.be/aYKXGHdruIE

Всем добра!✌️

12 расширений для VSCode

Подборка расширений, которые сделают работу чуть приятнее и удобнее.

https://javascript.plainenglish.io/71a7f745d5e

Скролим к фрагменту текста через url параметры

https://blog.jim-nielsen.com/2022/scroll-to-text-fragments/

Использование CSS filter, mask-image, mix-blend-mode.

Несколько экспериментов с CSS фильтрами и масками, которые позволяют достичь интересных эффектов.

http://jlzych.com/2022/11/17/experimenting-with-layering-filtering-and-masking-in-css/

Руководство по CSS анимации

Синтаксис и примеры реализации.

https://blog.openreplay.com/all-about-css-animations/

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 с учётом ограничений и требований.
❄️ Узнаем, как улучшать диалоги с помощью нативных элементов.

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

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