Если для тега img не указана высота, браузеры используют нулевую высоту до тех пор, пока не начнут загружать изображение. Затем размер изменяется, и другой контент перемещается по странице.
В статье рассматриваются два разных способа предотвращения этой проблемы 👉 https://proglib.io/w/3c5df44d
В статье рассматриваются два разных способа предотвращения этой проблемы 👉 https://proglib.io/w/3c5df44d
Jakearchibald
Avoiding <img> layout shifts: aspect-ratio vs width & height attributes
Two ways to do the same thing, but which is best?
На заметку разработчикам, которые имеют дело с видеоэффектами для веба 👉 https://proglib.io/w/6c304c31
Хабр
Делаем эффекты в видеосвязи, используя Canvas API и MediaPipe
Привет! На связи Влад из команды видеоплатформы Skyeng. Мы отвечаем за аудио и видео коммуникацию в образовательных продуктах, применяем WebRTC и реализуем фичи вокруг Video Conferencing. О реализации...
Подробный разбор механизмов работы движков JavaScript:
🔗 Часть 1: парсинг
🔗 Часть 2: генерация кода и базовые оптимизации
🔗 Часть 1: парсинг
🔗 Часть 2: генерация кода и базовые оптимизации
NOP::Nuances of programming
Движки JavaScript. Часть 1: парсинг
Что такое интерпретация и компиляция? Какие инструменты для этого используются? Как происходит парсинг на движках JavaScript? Обо всем этом поговорим в сегодняшнем материале.
Базовое понимание принципа Eventloop в рамках браузерного окружения и движка V8.
https://proglib.io/w/0347998d
https://proglib.io/w/0347998d
Хабр
Базовое понимание принципа Eventloop
Все мы слышали ни раз: JavaScript однопоточный язык программирования. Но, что это означает? Из вышесказанного следует, что интерпретатор языка идет по коду и выполняет команду за командой пока не...
Разбираемся с использованием расширения CSS Scan, которое упрощает копирование стилей и разметки любого элемента на веб-сайте.
https://proglib.io/w/66322139
https://proglib.io/w/66322139
Codrops
How to Copy HTML and CSS Code From Websites Easily | Codrops
Learn how to use CSS Scan to easily copy styles and markup of any element on a website.
Лидом можно стать в первый год работы, jQuery живее всех живых, а вопрос становиться фулстеком или оставаться фронтом расколол сообщество пополам
Под катом вы увидите результаты опроса фронтендеров с комментариями Максима Орехова, руководителя центра компетенций по разработке веб-приложений ПСБ.
Читать
Под катом вы увидите результаты опроса фронтендеров с комментариями Максима Орехова, руководителя центра компетенций по разработке веб-приложений ПСБ.
Читать
Хабр
Через Git и бэк — в фулстек: что мы узнали из опроса фронтендеров
Полтора месяца назад мы задали вам несколько вопросов, чтобы выяснить каким должен быть хороший фронтендер и можно ли влиться в эту область после перерыва. Мы проанализировали ваши ответы и теперь знаем, что лидом можно стать в первый год работы, jQuery живее…
Два доклада Алексея Мигуцкого об архитектуре JavaScript-проектов на примере Microsoft To-Do:
🔗 Как Microsoft To-Do использует React. JS Fest 2018
🔗 Разбор полетов: Microsoft To-Do. HolyJS 2022
🔗 Как Microsoft To-Do использует React. JS Fest 2018
🔗 Разбор полетов: Microsoft To-Do. HolyJS 2022
YouTube
Как Microsoft To-Do использует React. Алексей Мигуцкий. JS Fest 2018
The talk from JS Fest conference in Kyiv, Ukraine.
Microsoft To-Do - новый продукт в линейке офисных приложений от Microsoft. Во время выступления вы узнаете как мы используем React и Redux для разработки нашего веб-приложения. Основной фокус будет на технике…
Microsoft To-Do - новый продукт в линейке офисных приложений от Microsoft. Во время выступления вы узнаете как мы используем React и Redux для разработки нашего веб-приложения. Основной фокус будет на технике…
Наталия Давыдова делится подробностями своей тяжелейшей карьеры с нуля до джуна и мидла во фронтенд-разработке.
Вас ждут полезные советы, которые помогут избежать множества ошибок на старте карьеры.
Читать
Вас ждут полезные советы, которые помогут избежать множества ошибок на старте карьеры.
Читать
Разрабы
Тяжелейший путь с нуля до джуна и мидла. Ультимативный гайд, советы и личный опыт Наташи Давыдовой / Разрабы
Наталия Давыдова, frontend-разработчица в Точке, держу сообщество для junior-разработчиков, мама джунов в твиттере - @nat_davydova. Дважды выгорала и учусь с этим жить. Пытаюсь строить карьеру в условиях неопределенности.
🔧 create-tw — CLI-инструмент, который значительно упрощает процесс создания проектов, ориентированных на TailwindCSS.
Репозиторий
Репозиторий
GitHub
GitHub - AndrejJurkin/create-tw: CLI to scaffold tailwindcss-ready projects
CLI to scaffold tailwindcss-ready projects. Contribute to AndrejJurkin/create-tw development by creating an account on GitHub.
Коллекция руководств, шпаргалок и других материалов по JavaScript, React, TypeScript, Node.js, Express, Prisma, GraphQL, Docker и множеству других технологий, связанных с разработкой веб-приложений. Автор — Игорь Агапов, JavaScript-разработчик из Timeweb Cloud.
Ссылка на сайт
Ссылка на сайт
my-js.org
MyJavaScript | MyJavaScript
Руководства, шпаргалки, вопросы и другие материалы по JavaScript, React, TypeScript, Node.js, Express, Prisma, GraphQL, Docker и другим технологиям, связанным с разработкой веб-приложений
TypeScript Mapped Types: подробный гайд по использованию связанных типов с анимированными примерами.
Читать
Читать
Medium
Using TypeScript Mapped Types Like a Pro
Mapped Types — Explained with animations. Master TypeScript Mapped Types and understand how TypeScript’s built-in Utility Types work.
📍 Зачем математика нужна в Data Science в 2022?
Библиотека программиста продолжает серию вебинаров по темам, интересным для наших подписчиков. На предстоящем вебинаре аналитик данных Артур Сапрыкин поведает слушателям об актуальных требованиях к дата-сайентистам, математике, необходимой для обучения предсказательных моделей и том, как соответствующие навыки используются на практике для обработки крупных массивов информации.
🧑💻 Для кого: начинающие дата-сайентисты и абитуриенты ШАД
📅 Когда: 8 августа в 19:00
🖇 Где: https://proglib.io/w/fb2c6ce4
#proglib_academy #профессии #datascientist
Библиотека программиста продолжает серию вебинаров по темам, интересным для наших подписчиков. На предстоящем вебинаре аналитик данных Артур Сапрыкин поведает слушателям об актуальных требованиях к дата-сайентистам, математике, необходимой для обучения предсказательных моделей и том, как соответствующие навыки используются на практике для обработки крупных массивов информации.
🧑💻 Для кого: начинающие дата-сайентисты и абитуриенты ШАД
📅 Когда: 8 августа в 19:00
🖇 Где: https://proglib.io/w/fb2c6ce4
#proglib_academy #профессии #datascientist
☕ Учебник по JavaScript: работа с объектами
Статья охватывает все аспекты типа Object: создание, наследование, работа с полями и сериализация. Новички освоят базовые концепции языка, а продвинутые пользователи освежат в памяти знания.
🔗 Основной сайт
🔗 Зеркало
Статья охватывает все аспекты типа Object: создание, наследование, работа с полями и сериализация. Новички освоят базовые концепции языка, а продвинутые пользователи освежат в памяти знания.
🔗 Основной сайт
🔗 Зеркало
Знаете ли вы, что псевдокласс
:focus-visible разрабатывался 7 лет? Если хотите вникнуть более подробно, здесь есть расшифровка недавнего подкаста от тех, кто непосредственно в этом участвовал. А здесь — краткое введение в псевдокласс.Igalia
Igalia Chats: The history of :focus-visible and inert | Igalia - Open Source Consultancy and Development
Igalia is an open source consultancy specialised in the development of innovative projects and solutions. Our engineers have expertise in a wide range of technological areas, including browsers and client-side web technologies, graphics pipeline, compilers…
Бесплатный мини-курс, который охватывает все особенности вёрстки с использованием CSS Flexbox.
Подробнее
Подробнее
purpleschool.ru
CSS Flexbox - полный курс и практика его использования
Онлайн курс CSS Flexbox с сертификатом. Полный разбор всех особенностей вёрстки на CSS Flexbox и её применение на реальных проектах
Новый сезон онлайн-конференции Podlodka Frontend Crew стартует уже 15 августа.
🛠 Тема сезона — тулинг — инструменты, облегчающие жизнь фронтендеру 🛠
Возьмите максимум пользы всего за 5 дней:
👽 Вместе с Андреем Ситником из «Злых марсиан», Александром Краснояровым и Валентином Семирульником из Aviasales узнайте всю правду про Webpack и плагины — «золотой стандарт» организации процесса сборки.
🤖 Научитесь автоматизировать процесс написания документации и не корпеть над скучными задачами вместе с Арманом Мурзабулатовым из Rabobank.
🧛🏻 Антон Крылов из Авито научит анализировать граф зависимостей, чтобы сложные зависимости на проекте или отсутствие документации не заставляли вас чувствовать боль и страдания.
🧙🏼♀️ Овладейте магией схем и декларативности с волшебной Полиной Гуртовой из «Злых марсиан».
Конференция продлится всего 5 дней. Продажа билетов уже стартовала на сайте. Поспешите на борт!
Ну и конечно же, промокод на скидку 500 руб для подписчиков:
🛠 Тема сезона — тулинг — инструменты, облегчающие жизнь фронтендеру 🛠
Возьмите максимум пользы всего за 5 дней:
👽 Вместе с Андреем Ситником из «Злых марсиан», Александром Краснояровым и Валентином Семирульником из Aviasales узнайте всю правду про Webpack и плагины — «золотой стандарт» организации процесса сборки.
🤖 Научитесь автоматизировать процесс написания документации и не корпеть над скучными задачами вместе с Арманом Мурзабулатовым из Rabobank.
🧛🏻 Антон Крылов из Авито научит анализировать граф зависимостей, чтобы сложные зависимости на проекте или отсутствие документации не заставляли вас чувствовать боль и страдания.
🧙🏼♀️ Овладейте магией схем и декларативности с волшебной Полиной Гуртовой из «Злых марсиан».
Конференция продлится всего 5 дней. Продажа билетов уже стартовала на сайте. Поспешите на борт!
Ну и конечно же, промокод на скидку 500 руб для подписчиков:
frontend_crew_4_LYptaopodlodka.io
Онлайн-конференция Podlodka Frontend Crew, сезон #6
Недельное мероприятие от команды Podlodka: ежедневные интерактивные сессии в Zoom по актуальным проблемам frontend-разработки, нон-стоп общение с экспертами и звёздами индустрии, закрытое профессиональное сообщество в Telegram.
Онлайн-митап «Асинхронный рендеринг в React 18 и принципы практичного рефакторинга»
⏰ Дата и время: 24 августа, 14:00 (по МСК)
Программа митапа:
🎙Рефакторинг. Как поджечь свой велосипед и не пожалеть об этом?
Рассмотрим проблему техдолга под разными углами, поговорим о том, что учитывать и какие практики использовать, чтобы обойти подводные камни, уменьшить риски и держать ситуацию под контролем, обсудим какие аргументы уместно предоставить менеджеру, чтобы развеять его опасения.
🎙Чудеса асинхронного рендеринга
Рассмотрим под лупой асинхронный рендеринг в React - проведем краткий экскурс в его историю, путь становления от экспериментальной фичи до полноценного появления в React 18, посмотрим на текущее состояние, что его ждет в светлом будущем и причем тут fiber.
👉 Регистрация: по ссылке.
До встречи 🔥
⏰ Дата и время: 24 августа, 14:00 (по МСК)
Программа митапа:
🎙Рефакторинг. Как поджечь свой велосипед и не пожалеть об этом?
Рассмотрим проблему техдолга под разными углами, поговорим о том, что учитывать и какие практики использовать, чтобы обойти подводные камни, уменьшить риски и держать ситуацию под контролем, обсудим какие аргументы уместно предоставить менеджеру, чтобы развеять его опасения.
🎙Чудеса асинхронного рендеринга
Рассмотрим под лупой асинхронный рендеринг в React - проведем краткий экскурс в его историю, путь становления от экспериментальной фичи до полноценного появления в React 18, посмотрим на текущее состояние, что его ждет в светлом будущем и причем тут fiber.
👉 Регистрация: по ссылке.
До встречи 🔥