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

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

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

Наши каналы: https://yangx.top/proglibrary/9197

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
🔥 Chrome 129 уже доступна — под капотом как всегда много новых фич и новая страница панели производительности

🔹 Раздел Local metrics обновляет ваши локальные значения LCP, CLS и INP в режиме реального времени по мере загрузки страницы
🔹 Подключите field data из CrUX API, чтобы увидеть, насколько ваш локальный опыт сопоставим с реальными пользователями
🔹 Панель производительности также будет активно рекомендовать изменения в ваших локальных настройках на основе данных о распределении устройств реальных пользователей
🔹 Чтобы сделать обнаруженные вами проблемы более воспроизводимыми, в новой версии предоставлена дополнительная диагностическая информация
Привет, друзья! 👋

Готовим статью «Лучшие шрифты для программирования» и хотим узнать ваше мнение! 🖥️
Поделитесь своим опытом: какой шрифт, на ваш взгляд, самый удобный для долгих сессий кодинга и почему? 💻🕰️

Ждем ваши ответы в комментариях! Самые интересные и полезные советы войдут в нашу статью. 📝💡
🎨 11 полезных инструментов для работы с CSS

11 полезных инструментов для работы с CSS, включающих генераторы кода, библиотеки, коллекции готовых решений и ИИ-помощники, которые значительно упрощают и ускоряют процесс веб-разработки для специалистов разного уровня подготовки.

🔗 Читать статью
🔗 Зеркало
🛠️ Slab — программируемый язык разметки, упрощающий создание HTML

Альтернатива таким инструментам, как Pug, которая предлагает улучшенную читаемость, встроенные программные конструкции, интеграцию с данными JSON и простую кривая обучения.

👉 Подробнее
👩‍💻👩‍💻👩‍💻 Необычные приёмы отладки, которые браузер от вас скрывает

Перевод подборки неочевидных, но при этом полезных хаков, которые позволят использовать отладчик вашего браузера более полноценно и эффективно. Автор оригинала — Alan Norbauer, фронтенд-разработчик в Netflix.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
🚀 Продвинутый TypeScript: 15 приемов для создания надежного кода

От рекурсивных псевдонимов типов до дискриминированных объединений — эти приемы помогут вам писать более эффективный и безопасный код.

🔗 Читать статью
🔗 Зеркало
Вакансии «Библиотеки программиста» — ждем вас в команде!

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

Подробности тут

Мы предлагаем частичную занятость и полностью удаленный формат работы — можно совмещать с основной и находиться в любом месте🌴

Ждем ваших откликов 👾
Audio
🎙️439-й выпуск подкаста «Веб-стандарты»: Вадим Макеев, Полина Гуртовая, Никита Дубко, Алексей Симоненко про Firefox 130, безопасный JPEG XL, бету Chrome 129, Google Fonts, темы и схемы, как убрать SVG из JS.

00:01:15 Firefox 130
00:19:25 Безопасный JPEG XL
00:32:38 Бета Chrome 129
00:46:30 С Google Fonts или без
01:04:12 Темы и схемы
01:23:52 Как убрать SVG из JS
01:50:23 Ответы на вопросы

▶️ YouTube | Сайт подкаста

#подкасты #новости
🌐 Преимущества и недостатки работы в ИТ-аутсорсинговой компании

В этой статье мы разберемся, какие плюсы и минусы предполагает в себе работа в аутсорсинговой компании. Вы узнаете, чем привлекательна работа в этой сфере, с какими трудностями вам придется столкнуться и как сделать правильный выбор, чтобы аутсорсинг стал не ловушкой, а трамплином к успеху.

Получите основу для дальнейшего изучения более сложных нейронных сетей:
🔵 Базовые модели ML и приложения

🔗 Ссылка на статью
Please open Telegram to view this post
VIEW IN TELEGRAM
💡Мы не можем изменить цвет внешней SVG-иконки с помощью свойств fill/storke, но есть способ сделать это с помощью CSS mask

#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
🧑‍💻 Статьи для IT: как объяснять и распространять значимые идеи

Напоминаем, что у нас есть бесплатный курс для всех, кто хочет научиться интересно писать — о программировании и в целом.

Что: семь модулей, посвященных написанию, редактированию, иллюстрированию и распространению публикаций.

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

👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.
💻🚀 15 суперполезных плагинов Chrome в помощь фронтендеру

Эти инструменты помогут значительно упростить и ускорить процесс разработки и тестирования фронтенда.

🔗 Читать статью
🔗 Зеркало
react-19-cheat-sheet.pdf
1.4 MB
👩‍💻 Шпаргалка по React 19 от Kent C Dodds, создателя Epic React

Это отчасти шпаргалка, отчасти краткое напоминание о некоторых новых возможностях React 19 с простыми примерами кода.

👉 Источник
🔟🏩 ТОП-10 перспективных студий разработки: лучшие компании для вашего карьерного роста

Работа в аутсорсе — это как американские горки: пока одни видят в ней хаос и нестабильность, другие — возможность получить уникальный опыт и попробовать себя в разных ролях.

Однако устраиваться хоть в какую-нибудь студию, каких сейчас много — не лучшее решение, поскольку на старте бывают проблемы с финансированием и ни о какой стабильности не может быть и речи.

🔗 Читать статью
🔗 Зеркало
This media is not supported in your browser
VIEW IN TELEGRAM
💡 Простой способ получения доступа к любому значению атрибута в виде строки с помощью CSS: на заметку фронтенд-разработчику

➡️ Поиграть можно здесь

#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
🌐⚙️ 5 лучших альтернатив Create React App

Пять лучших альтернатив CRA, которые помогут вам создать более производительные и современные веб-приложения.

🔗 Читать статью
🔗 Зеркало