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

https://www.smashingmagazine.com/2022/07/powerful-image-optimization-tools/

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

https://medium.com/@rocchokcoco/css-awesome-sticky-bubble-effect-d2cc23241153

Индикатор прокрутки стрницы на чистом CSS

https://medium.com/@rocchokcoco/pure-css-scrolling-indicator-effect-8a70a89bed19

Делаем доступные табы на JavaScript.

Спойлер: не так просто, как обычные табы.

https://blog.logrocket.com/build-accessible-user-interface-tabs-javascript/

Разбираемся с динамическими импортами в React для ускорения загрузки приложения

https://blog.openreplay.com/understanding-react-dynamic-imports-for-faster-websites

Шпаргалка для собеседований по фронтенду, которая помогла получить офферы от Amazon и LinkedIn

https://itnext.io/frontend-interview-cheatsheet-that-helped-me-to-get-offer-on-amazon-and-linkedin-cba9584e33c7

Почему ваш закешированный JS все еще медленный.

https://www.webperf.tips/tip/cached-js-misconceptions/

Как организован CSS в Figma

О возможностях flexbox и grid при создании сложных макетов.

https://ishadeed.com/article/figma-css/

Иногда вам не нужен JavaScript. Пара примеров фич с релизацией на HTML + CSS.

https://javascript.plainenglish.io/sometimes-you-dont-need-javascript-at-all-73a6a226a1c3

Создаём кастомные элементы формы с ElementInternals.

https://css-tricks.com/creating-custom-form-controls-with-elementinternals/

Отрисовываем данные в реальном времени с Vue, NodeJS и socket.io

https://blog.openreplay.com/rendering-real-time-data-with-vue-node-and-socket-io

Переводим речь в PDF с NextJS и Express.

https://css-tricks.com/converting-speech-to-pdf-with-nextjs-and-expressjs/

Бесплатный курс по CSS Flexbox от Антона Ларичева

https://purpleschool.ru/course/flexbox

Валидируем формы с Vue Formulate

https://blog.openreplay.com/validating-forms-with-vue-formulate

Семантический HTML: <article> vs. <section>. Что выбрать?

https://www.smashingmagazine.com/2022/07/article-section-elements-accessibility

structuredClone(): глубокое копирование объектов в JS. Обзор новой функции которая уже скоро будет доступна в браузерах, NodeJS и Deno.

https://2ality.com/2022/01/structured-clone.html

Стилизуем чекбоксы без дополнительной разметки и JS

https://medium.com/codex/e08a9ceda0e8

Друзья!

По традиции зову вас с собой на новый сезон онлайн-конференции Podlodka Frontend Crew, который стартует уже 15 августа.
🎁 Разыгрываем промо-код на билет и промо на скидку.

🛠 Тема сезона — тулинг — инструменты, облегчающие жизнь фронтендеру 🛠

Возьмите максимум пользы всего за 5 дней:
👽 Вместе с Андреем Ситником из «Злых марсиан», Александром Краснояровым и Валентином Семирульником из Aviasales узнайте всю правду про Webpack и плагины — «золотой стандарт» организации процесса сборки.
🤖 Научитесь автоматизировать процесс написания документации и не корпеть над скучными задачами вместе с Арманом Мурзабулатовым из Rabobank.
🧛🏻 Антон Крылов из Авито научит анализировать граф зависимостей, чтобы сложные зависимости на проекте или отсутствие документации не заставляли вас чувствовать боль и страдания.

Конференция продлится всего 5 дней. Продажа билетов уже стартовала на сайте. Поспешите на борт!

📌 Для участия в розыгрыше заполните форму. Результаты огласим 14 августа.

Задачи на собеседованиях. Event loop. JS

https://habr.com/ru/post/681882/

hwb() — человеческая нотация цвета?

https://www.stefanjudis.com/blog/hwb-a-color-notation-for-humans/

Друзья!

Как и обещали - результаты розыгрыша промо на 4й сезон Podlodka Frontend.

Рандом решил, что билет уходит @zetmate, а промо скидка - абоненту с номером, оканчивающимся на 3887.

Поздравляем! 🎊🎉

https://youtu.be/MaCzXamiUW8

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