Вы неправильно загружаете шрифты (и это сказывается на производительности)
Джоно Олдерсон объясняет, как работают веб-шрифты и почему их неправильная загрузка может замедлять сайт. В статье разбираются оптимальные стратегии подключения — от выбора форматов до настройки font-display, чтобы ускорить рендеринг и улучшить пользовательский опыт.
https://www.jonoalderson.com/performance/youre-loading-fonts-wrong/
Джоно Олдерсон объясняет, как работают веб-шрифты и почему их неправильная загрузка может замедлять сайт. В статье разбираются оптимальные стратегии подключения — от выбора форматов до настройки font-display, чтобы ускорить рендеринг и улучшить пользовательский опыт.
https://www.jonoalderson.com/performance/youre-loading-fonts-wrong/
👍14🔥3⚡1
Использование Custom Highlight API
Custom Highlight API позволяет вам стилизовать участки текста в документе, используя JS для выделения и CSS для стилизации, что может быть удобно для реализации поиска по странице.
https://frontendmasters.com/blog/using-the-custom-highlight-api/
Custom Highlight API позволяет вам стилизовать участки текста в документе, используя JS для выделения и CSS для стилизации, что может быть удобно для реализации поиска по странице.
https://frontendmasters.com/blog/using-the-custom-highlight-api/
1🔥12👍2❤1
Почему браузеры замедляют JavaScript-таймеры
Nolan Lawson объясняет, что setTimeout(0) на самом деле не исполняется мгновенно — браузеры намеренно ограничивают минимальную задержку до 4 мс, чтобы предотвратить чрезмерную нагрузку и не замораживать интерфейс. В статье показаны альтернативные варианты — MessageChannel.postMessage, window.postMessage и современный scheduler.postTask() — они обходят это ограничение и работают гораздо быстрее для задач, требующих точного тайминга.
https://nolanlawson.com/2025/08/31/why-do-browsers-throttle-javascript-timers/
Nolan Lawson объясняет, что setTimeout(0) на самом деле не исполняется мгновенно — браузеры намеренно ограничивают минимальную задержку до 4 мс, чтобы предотвратить чрезмерную нагрузку и не замораживать интерфейс. В статье показаны альтернативные варианты — MessageChannel.postMessage, window.postMessage и современный scheduler.postTask() — они обходят это ограничение и работают гораздо быстрее для задач, требующих точного тайминга.
https://nolanlawson.com/2025/08/31/why-do-browsers-throttle-javascript-timers/
❤10🔥8🤔4👍3👌1
Привет!
Сегодня в канале у Дани Ленца, фронта из Яндекса, нашел пост про автоматизацию личных аккаунтов в Telegram через MTProto API. Он сделал бота, который пересылает банковские уведомления друзьям в группу — классная и простая идея.
Вообще, это хорошее напоминание, что разработка на JavaScript уже давно не ограничивается сайтами. Благодаря таким библиотекам, как gramjs, мы можем работать с Telegram напрямую, автоматизировать задачи и строить сервисы поверх привычного стека. У JS-платформы действительно огромные возможности — от фронтенда в браузере до полетных программ в компах SpaceX (надеюсь там без undefined is not a function обходится 😅).
Сегодня в канале у Дани Ленца, фронта из Яндекса, нашел пост про автоматизацию личных аккаунтов в Telegram через MTProto API. Он сделал бота, который пересылает банковские уведомления друзьям в группу — классная и простая идея.
Вообще, это хорошее напоминание, что разработка на JavaScript уже давно не ограничивается сайтами. Благодаря таким библиотекам, как gramjs, мы можем работать с Telegram напрямую, автоматизировать задачи и строить сервисы поверх привычного стека. У JS-платформы действительно огромные возможности — от фронтенда в браузере до полетных программ в компах SpaceX (надеюсь там без undefined is not a function обходится 😅).
Telegram
Даниэль Ленц - блог
Автоматизация личных аккаунтов в телеграм
Мало кто знает, но ваш личный аккаунт можно сделать "ботом" и автоматизировать многие действия.
Называется это userbot. Работает поверх MTProto API от телеги.
Самые популярные библиотеки поверх этой апишки: gramjs…
Мало кто знает, но ваш личный аккаунт можно сделать "ботом" и автоматизировать многие действия.
Называется это userbot. Работает поверх MTProto API от телеги.
Самые популярные библиотеки поверх этой апишки: gramjs…
🔥8🤡3👍2😁2❤1
Наконец, безопасные методы массивов в JS
Безопасность, правда, только в плане того, что они не мутируют начальный массив.
https://allthingssmitty.com/2025/09/08/finally-safe-array-methods-in-javascript/
Безопасность, правда, только в плане того, что они не мутируют начальный массив.
https://allthingssmitty.com/2025/09/08/finally-safe-array-methods-in-javascript/
😁18❤9🔥1🥱1
Основы выравнивания в CSS: полный разбор
Темани Афиф подробно раскрывает логику работы различных свойств для выравнивания и показывает как они работают на практике в различных лейаутах. В гайде много понятных и интерактивных примеров, так что будет что рассказать на собеседовании.
https://css-tip.com/explore/alignment/?utm_campaign=Issue-620
Темани Афиф подробно раскрывает логику работы различных свойств для выравнивания и показывает как они работают на практике в различных лейаутах. В гайде много понятных и интерактивных примеров, так что будет что рассказать на собеседовании.
https://css-tip.com/explore/alignment/?utm_campaign=Issue-620
👍7❤🔥3❤3😁1
Вам не нужна анимация (ну или не всегда нужна)
Под кликбейтным заголовком Эмиль Ковальский рассказывает, что анимации лучше добавлять, если есть ясная цель — например, создание ощущения отзывчивости интерфейса.
Излишняя же анимация, особенно при частом использовании, начинает раздражать и снижает доверие пользователей. Подробнее и с примерами — по ссылке.
https://emilkowal.ski/ui/you-dont-need-animations
Под кликбейтным заголовком Эмиль Ковальский рассказывает, что анимации лучше добавлять, если есть ясная цель — например, создание ощущения отзывчивости интерфейса.
Излишняя же анимация, особенно при частом использовании, начинает раздражать и снижает доверие пользователей. Подробнее и с примерами — по ссылке.
https://emilkowal.ski/ui/you-dont-need-animations
👍8❤6
Друзья!
🚀 Frontend Conf 2025 — совсем скоро!
Если вы думаете, что конференции — это скучные доклады, то Frontend Conf 2025 точно разрушит этот миф. В этом году я решил лично проверить это и зову вас с собой!
Топ-10 самых ожидаемых выступлений уже определен голосованием самих разработчиков, но мне лично интересно послушать доклады из секции FrontOps (тем более что один из спикеров мой бывший руководитель из Альфы — Иван Усынин, расскажет про микрофронтенды, к которым я так и не подступился).
Кроме основных секций таких как Архитектура, Производительность и Технологии, будут еще специальные: PWA, AI во фронтенде, FrontOps и еще несколько. Весь список секций и выступлений можно посмотреть тут. В общем глаза разбегаются.
А ещё будет уникальный фейл-митап. 6 реальных историй факапов в разработке, как какой-то важный сеньор случайно задизейблил кнопку чекаута в корзине и увидели это только через месяц. Всегда приятно знать, что не только у тебя были факапы 😅
🔥 Не пропустите одно из главных IT-событий этой осени!
📌 20 и 21 октября — Москва, Кластер "Ломоносов"
👉 Подробнее о конференции по ссылке
Для подписчиков FrontEndDev действует промокод на скидку 5% fc25_front_end_dev
До встречи на Frontend Conf 2025 🚀
🚀 Frontend Conf 2025 — совсем скоро!
Если вы думаете, что конференции — это скучные доклады, то Frontend Conf 2025 точно разрушит этот миф. В этом году я решил лично проверить это и зову вас с собой!
Топ-10 самых ожидаемых выступлений уже определен голосованием самих разработчиков, но мне лично интересно послушать доклады из секции FrontOps (тем более что один из спикеров мой бывший руководитель из Альфы — Иван Усынин, расскажет про микрофронтенды, к которым я так и не подступился).
Кроме основных секций таких как Архитектура, Производительность и Технологии, будут еще специальные: PWA, AI во фронтенде, FrontOps и еще несколько. Весь список секций и выступлений можно посмотреть тут. В общем глаза разбегаются.
А ещё будет уникальный фейл-митап. 6 реальных историй факапов в разработке, как какой-то важный сеньор случайно задизейблил кнопку чекаута в корзине и увидели это только через месяц. Всегда приятно знать, что не только у тебя были факапы 😅
🔥 Не пропустите одно из главных IT-событий этой осени!
📌 20 и 21 октября — Москва, Кластер "Ломоносов"
👉 Подробнее о конференции по ссылке
Для подписчиков FrontEndDev действует промокод на скидку 5% fc25_front_end_dev
До встречи на Frontend Conf 2025 🚀
Teletype
ТОП-10 самых ожидаемых докладов на FrontendConf 2025
1. Владилен Минин: Как изменится разработка с приходом ИИ 2. Артем Шинкарук: Веб-компоненты — да это ж круто! Веб-компоненты — да это...
🔥7❤5👎3👍2🥴2