[Перевод] Исследование производительности анимации на основе скрола страницы

[Перевод] Исследование производительности анимации на основе скрола страницы

Что нового в анимации на основе скрола? Анимация на основе скрола - это способ добавить интерактивности и визуального интереса вашему сайту или веб-приложению, который запускается в зависимости от положения прокрутки пользователя. Это отличный способ удержать пользователей и сделать сайт более привлекательным. Раньше единственным способом создания анимации на основе скрола страницы, было реагирование на событие прокрутки в главном потоке. Это приводило к двум основным…

Подробнее
[Перевод] Вышел Chrome 115

[Перевод] Вышел Chrome 115

В этой статье вы узнаете про: • Анимации на основе скрола • Topics API • Ограждённые Фреймы • Privacy Sandbox и многое другое! Читать далее

Подробнее
Мой опыт первого принятого коммита в open source

Мой опыт первого принятого коммита в open source

Мой первый персональный компьютер на Windows Millenium Всем привет. Меня зовут Максим Дзюбак. Я начинающий программист. В этой статье хочу поделиться своим первым опытом принятого коммита в open source. Читать дальше →

Подробнее
[Перевод] Введение в View Transitions API

[Перевод] Введение в View Transitions API

Новый View Transitions API, что можно перевести как "интерфейс переходов отображения", предлагает легкий способ анимирования перехода между двумя состояниями DOM — даже между загрузками страниц. Это прогрессивное улучшение, которое можно реализовать уже сегодня. Читать дальше →

Подробнее
React: как сделать динамический суффикс в <input />, который будет двигаться вместе с набранным текстом

React: как сделать динамический суффикс в <input />, который будет двигаться вместе с набранным текстом

В этой статье вы узнаете как с помощью react можно сделать input с двигающимся суффиксом, который идет сразу после значения ввода Читать далее

Подробнее
SEO для реактивных движков (Node js, V, angular). Разбираемся, как правильно настраивать рендер и индексацию

SEO для реактивных движков (Node js, V, angular). Разбираемся, как правильно настраивать рендер и индексацию

В области создания сайтов между программистами и SEO-шниками есть вечный спор — что круче: SPA или обычный сайт. Первые любят SPA за то, что они красивые и удобные для пользователей. Но как правило ранжирование на таком движке очень даже хромает. Как решить «конфликт» и подружить реактивные движки c SEO — в статье. Читать далее

Подробнее
[Перевод] Вышел Chrome 113

[Перевод] Вышел Chrome 113

Что вы узнаете: WebGPU уже здесь, он позволяет использовать высокопроизводительную 3D-графику и параллельные вычисления в вебе. С помощью инструментов разработчика теперь можно переопределять заголовки ответов сети. Начинает распространяться First Party Sets, часть Privacy Sandbox, которая позволяет организациям объявлять связанные сайты. И многое другое. Читать далее

Подробнее
[Перевод] Фичи WebKit в Safari 16.4

[Перевод] Фичи WebKit в Safari 16.4

Сегодня мы рады рассказать вам о многочисленных дополнениях к WebKit, которые включены в Safari 16.4. Этот выпуск содержит 135 новых веб-функций и более 280 обновлений. Давайте посмотрим. Читать далее

Подробнее
Состоялся релиз фреймворка Electron 24

Состоялся релиз фреймворка Electron 24

Состоялся релиз фреймворка Electron 24.0.0. Кодовая база теперь основана на Chromium 112, Node.js 18.14.0 и JavaScript V8 11.2. Сам фреймворк позволяет разрабатывать настольные графические приложения с использованием веб-технологий. Читать далее

Подробнее
Вышла версия платформы создания приложений Electron 24.0.0

Вышла версия платформы создания приложений Electron 24.0.0

Разработчики выпустили релиз платформы Electron 24.0.0, которая позволяет разрабатывать кроссплатформенные приложения и использует в качестве основы компоненты Chromium, V8 и Node.js. Её обновили до кодовой базы Chromium 112, платформы Node.js 18.14.0 и JavaScript-движка V8 11.2. Читать далее

Подробнее
Вышло обновление WebStorm 2023.1

Вышло обновление WebStorm 2023.1

JetBrains выпустила обновление WebStorm 2023.1. Теперь IDE поддерживает работу с фреймворком Astro, Tailwind CSS и с TypeScript в Vue-шаблонах. Новая версия среды разработки уже доступна на сайте компании и в JetBrains Toolbox. Читать далее

Подробнее
[Перевод] Основы фронтенд-разработки: фреймворки, DOM-дерево, взаимодействие с бэкендом

[Перевод] Основы фронтенд-разработки: фреймворки, DOM-дерево, взаимодействие с бэкендом

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

Подробнее