Загрузка...
Largest Contentful Paint (LCP) – важная, ориентированная на пользователя метрика для измерения визуально-воспринимаемой скорости загрузки страницы
Largest Contentful Paint (LCP)
Рубрика: NULL
First Input Delay (FID)
Ориентированная на пользователя метрика для измерения реакции на нагрузку, помогает измерить первое впечатление пользователя об интерактивности и быстродействии вашего сайта
Отладка сдвигов макета (layout shifts)
Как определять и исправлять сдвиги макета с помощью Layout Instability API и DevTools.
Cumulative Layout Shift (CLS)
Накопительный сдвиг макета – количественный показатель для измерения визуальной стабильности, для оценки, как часто посетители сайта сталкиваются с неожиданными перемещениями контента.
Лучшие практики для измерений Web Vitals
Как измерить Web Vitals с помощью существующих инструментов аналитики.
Web Vitals
Количественная оценка впечатления от web-сайта и поиск возможностей для улучшения качества и удобства для пользователя.
Sticky sidebar (VanillaJS)
Плавающая боковая панель (sticky sidebar). Несложная HTML-разметка, немного CSS и чистый Javascript.
Динамические выпадающие списки
Как связать нескольких выпадающих списков (html-элементов select), чтобы значения (option) каждого следующего зависели от выбранной опции в предыдущем.
Flip counter
Flip.js продвинутый плагин отсчета времени. Очень простые настройки, удивительно гибок и прекрасно анимирован.
5 приёмов ленивой загрузки изображений
повышение производительности веб-страницы, примеры lazy load (отложенная загрузка) для картинок
Шахматы на Javascript
Этот шахматный движок/алгоритм реализован только с использованием vanilla JS, HTML и CSS.
Расширение для Google Chrome: JavaScript+HTML+CSS
Расширения Google Chrome – это небольшие приложения, которые добавляют дополнительные функции в браузер и реализуются с использованием веб-технологий: HTML, CSS и JavaScript.
Эффект искривлений с помощью SVG-фильтра
Использование подчеркивания, кружков и квадратов создает забавные результаты. Вы можете применить SVG-фильтр к любым HTML-элементам, включая сам текст ссылки
Микросервисный подход в веб-разработке: micro frontends
Микросервисная архитектура — это полная противоположность монолитной архитектуры. Используя такой подход вместо одного большого приложения, мы создаем набор небольших слабосвязанных и легко заменяемых модулей, которые взаимодействуют друг с другом.
Последовательный fetch и 5 способов решения
На технических собеседованиях, помимо проверки теоретических знаний, принято задавать задачки, чтобы оценить уровень практических знаний кандидата, его способность писать код, способность мыслить логически и алгоритмически.
Таблица цветов и их шестнадцатиричных значений
Шестнадцатиричные значения цвета для web
ISO 8859-1 (Latin-1) символы
Таблица ISO 8859-1 (Latin-1) символов и html-мнемоник
Математические символы и греческие буквы
Таблица математических символов и греческих букв