Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
22.5K subscribers
2.43K photos
148 videos
38 files
4.82K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Для обратной связи: @proglibrary_feeedback_bot

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
Download Telegram
Копирование текста в буфер обмена на JavaScript

Простое и поддерживаемое решение для частой задачи: https://prglb.ru/4jxbj

#javascript #browser
Cache API в JavaScript

Разбираемся, как кэшировать ресурсы с помощью сервис-воркеров и Cache API: https://prglb.ru/1h202

#performance #browser
Полезные плагины для Chrome

👉 Check My Links — проверка битых ссылок
https://prglb.ru/53tw3

👉 Unshorten.link — разворачивание сокращенных ссылок
https://prglb.ru/4a3ty

👉 Wappalyzer — определение технологий, на которых создан сайт
https://prglb.ru/42oh

👉 WhatFont — определение шрифтов
https://prglb.ru/1wv9t

👉 Colorzilla — пипетка для определения цветов
https://prglb.ru/2rzpv

👉 Web Developer — многофункциональное расширение для работы с сайтами
https://prglb.ru/5u9wh

#browser #tools
Разбор жизненного цикла сервис-воркера

От загрузки до получения контроля над страницей: все, что вы должны знать о сервис-воркерах.

https://prglb.ru/hkna

#serviceworkers #browser
Четыре подхода для обмена данными в браузере в режиме реального времени. Возможно вы о них даже знали!

https://proglib.io/w/476406a4

#browser
Создаём расширение для Chrome

Написать расширение для Chrome непросто. Это не то же самое, что разработка веб-приложения: не хочется перегружать браузер оверхедом JS, ведь расширения работают одновременно с сайтами. Более того, у нас нет инструментов упаковки или отладки из привычных фреймворков.

https://proglib.io/w/2ac3f7a3

#tools #browser
Hello, Word! Разрабатываем браузерное расширение в 2021-м

https://proglib.io/w/ab7cb4c2

#browser
Определение активности текущей вкладки браузера

Поиски ответа на один из самых обманчиво простых вопросов веба.

https://proglib.io/w/8bdfb0eb

#browser
🛠 Продвинутые советы и хитрости console.log

Console – встроенный отладчик браузера. Многие разработчики постоянно используют в коде console.log() для вывода отладочных сообщений, но этот инструмент может предложить гораздо больше.

https://proglib.io/w/a777e9aa

#browser
Еще не используешь SVG фавиконки?

Тебе нужно использовать SVG фавиконки! Они поддерживаются почти во всех браузерах и использовать их намного удобнее, чем обычные фавиконы: https://proglib.io/w/76572817

#browser
RenderingNG архитектура - следующее поколение веба

Разбор новой архитектуры рендеринга веб-страниц в Chromium:

👉 RenderingNG
👉 Overview of the RenderingNG architecture

#browser
Как работает JS: отслеживание изменений в DOM с помощью MutationObserver

https://proglib.io/w/0a05b0b1

#browser
👍1
Никто не знает, как работает каскад

Подробное описание процесса вычисления стилей элементов браузером: https://proglib.io/w/8d890de4

#css #browser
Браузерное расширение своими руками

Создаем собственное расширение для браузера с нуля: https://proglib.io/w/babb7e68

#browser
👍3