FrontEndDev
الذهاب إلى القناة على Telegram
🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m AI и вайбкод @vibe_and_ai Читать на парковке: https://max.ru/front_end_dev Реклама: http://bit.ly/2NxmVDu РКН: https://clck.ru/3GLw7G
إظهار المزيد
الشبكة:📈 نظرة تحليلية على قناة تيليجرام FrontEndDev
تُعد قناة FrontEndDev (@front_end_dev) في القطاع اللغوي الروسية لاعباً نشطاً. يضم المجتمع حالياً 25 555 مشتركاً، محتلاً المرتبة 5 221 في فئة التكنولوجيات والتطبيقات والمرتبة 25 433 في منطقة روسيا.
📊 مؤشرات الجمهور والحراك
منذ تأسيسه في невідомо، حقق المشروع نمواً سريعاً وجمع 25 555 مشتركاً.
بحسب آخر البيانات بتاريخ 28 أكتوبر, 2026، تحافظ القناة على نشاط مستقر. خلال آخر 30 يوماً تغيّر عدد الأعضاء بمقدار -293، وفي آخر 24 ساعة بمقدار -14، مع بقاء الوصول العام مرتفعاً.
- حالة التحقق: غير موثّقة
- معدل التفاعل (ER): يبلغ متوسط تفاعل الجمهور 9.60%. وخلال أول 24 ساعة من النشر يحصد المحتوى عادةً 5.79% من ردود الفعل نسبةً إلى إجمالي المشتركين.
- وصول المنشورات: يحصل كل منشور على متوسط 2 454 مشاهدة. وخلال اليوم الأول يجمع عادةً 1 479 مشاهدة.
- التفاعلات والاستجابة: يتفاعل الجمهور بانتظام؛ متوسط التفاعلات لكل منشور يبلغ 12.
- الاهتمامات الموضوعية: يركز المحتوى على مواضيع رئيسية مثل css, api, интерфейс, html, frontend.
📝 الوصف وسياسة المحتوى
يصف المؤلف القناة بأنها مساحة للتعبير عن الآراء الذاتية:
“🚀 Статьи, новости, туториалы по frontend разработке.
http://jem-space.ru
Admin: @jem_jem
Пишу в @five_a_m
AI и вайбкод @vibe_and_ai
Читать на парковке: https://max.ru/front_end_dev
Реклама: http://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G”
بفضل وتيرة التحديث المرتفعة (أحدث البيانات بتاريخ 29 أكتوبر, 2026) تحافظ القناة على حداثتها ومستوى وصول مرتفع. وتُظهر التحليلات تفاعلاً نشطاً من الجمهور، ما يجعلها نقطة تأثير مهمة ضمن فئة التكنولوجيات والتطبيقات.
25 555
المشتركون
-1424 ساعات
-787 أيام
-29330 أيام
أرشيف المشاركات
25 556
Странное поведение position sticky: почему не всегда работает как ожидается
Эта функция часто вызывает трудности из-за неправильных размеров элементов или ограниченного родительского контекста. Подробнее о том, как правильно работать с position sticky — в статье.
https://frontendmasters.com/blog/the-weird-parts-of-position-sticky/
25 556
Пружинящие эффекты в нативном CSS
Джош Комю делится советами по использованию функции linear для создания интересных анимаций на чистом CSS.
https://www.joshwcomeau.com/animation/linear-timing-function/
25 556
Самая ненавистная CSS фича: tan()
Ей не находят особого применения и считают бесполезно, но она незаменима при создании адаптивных круговых меню, секционированных списков или сложных геометрических узоров.
https://css-tricks.com/the-most-hated-css-feature-tan/
25 556
Друзья!
Впервые за долгое время Centicore Group собирает лучших экспертов frontend-разработки и Angular в одном месте — на конференции CENTI CONF: Frontend Day
Если ты Middle+ или Senior, тимлид, или просто хочешь пообщаться с теми, кто живёт кодом — тебе точно сюда.
🗓 21 ноября 2025
📍 Москва, ул. Новодмитровская, д. 1, стр. 23
Что тебя ждёт:
▫️Реальные кейсы и нестандартные решения от топовых разработчиков;
▫️Возможность задать свои вопросы и пообщаться со спикерами лично;
▫️Инсайты из мира рекрутинга — как построить карьеру без «подкрученного» резюме, просто показывая реальные проекты и опыт;
▫️Ну и, конечно, afterparty с нетворкингом и ламповым фронтенд-движем
👉 Регистрируйся сейчас: ссылка
25 556
testing-mcp -- AI Тестирование для самых смелых (и ленивых)
Инструмент для создания интеграционных тестов с помощью mcp сервера и написания промптов.
https://github.com/mcpland/testing-mcp
25 556
Идеальное позиционирование тултипов
Забудьте о сложных JavaScript вычислениях для динамического размещения всплывающих подсказок - Anchor Positioning API позволяет создавать адаптивные тултипы, которые автоматически подстраиваются под доступное пространство.
https://frontendmasters.com/blog/perfectly-pointed-tooltips-a-foundation
25 556
Вы можете начать внедрять View Transition на своем сайте уже сегодня
Хорошее и простое введение во View Transition API
Краткий пересказ
https://piccalil.li/blog/start-implementing-view-transitions-on-your-websites-today/?utm_campaign=Issue-625
25 556
Преимущества использования семантических HTML-элементов
Сравнение div vs button для реализации кнопки
https://css-tricks.com/explaining-the-accessible-benefits-of-using-semantic-html-elements/
25 556
Ваша история в IT начинается в Авито 🚀
Хотите расти в разработке — приходите на оплачиваемую стажировку в Авито. Мы ищем будущих специалистов в направлениях Frontend, Backend, QA и Android. Вы будете работать над продуктами, которыми ежедневно пользуются миллионы людей, и прокачивать навыки с помощью:
➡ наставника — подскажет, как мыслить в процессе решения задач;
➡ комьюнити стажёров — всегда рядом, чтобы обсудить задачи и поддержать;
➡ корпоративных курсов, библиотек и баз знаний — всё, чтобы развиваться быстрее.
Выберите два направления — основное и запасное. Если не получится попасть в первое, сможете пройти отбор на второе при наличии мест.
Условия:
➡ зарплата и корпоративный ноутбук,
➡ формат — офис, удалёнка или гибрид,
➡ от 25 часов в неделю,
➡ продолжительность — 9 месяцев,
➡ компенсация питания, консультации с психологами и юристами,
➡ после стажировки — возможность остаться в команде, если покажите крутой результат.
📌 Регистрация открыта до 12 ноября. Подать заявку можно по ссылке.
25 556
Создание 3D Scroll-Driven анимации текста с CSS и GSAP
Пошаговое руководство по созданию эффектов трехмерной прокрутки с помощью математических преобразований GSAP, ScrollTrigger и CSS.
Демо | Github
https://tympanus.net/codrops/2025/11/04/creating-3d-scroll-driven-text-animations-with-css-and-gsap
25 556
Делаем интерфейс дружелюбнее
Коллекция простых HTML/CSS лайфхаков
https://habr.com/ru/companies/ruvds/articles/959198/
25 556
Примеры использования Field-sizing
Ахмад Шадид рассказывает, где и для чего удобно применять новое css свойство field-sizing
Краткий пересказ https://tldread.ru/field-sizing
https://ishadeed.com/article/field-sizing/
25 556
Obra Icons
Набор иконок под лицензией MIT идеально подходящий для ваших интерфейсов.
https://icons.obra.studio/
25 556
Web Codegen Scorer: инструмент для оценки качества кода сгенерированного LLM
Если вы используете LLM, то этот инструмент от команды Angular будет довольно удобным для определения качества.
https://frontendfoc.us/link/175960/web
25 556
ColorMate — утилиты для разработчиков и дизайнеров
Создавайте великолепные цветовые палитры, градиенты и другие элементы дизайна бесплатно с помощью ColorMate.
https://colormate.site/
25 556
Обучение в IT: для тех, кто хочет шагнуть дальше джуна
С Яндекс Практикумом PRO работающие специалисты могут изучать программирование, нейросети и другие IT-специальности не с нуля, а со своего уровня. Программы построены так, чтобы не тратить время на давно знакомую базу, а расти в профессии день за днём – на реальных цифрах и с реальными кейсами для портфолио. Это позволяет прокачаться в выбранной сфере, перерасти джуновские задачи и развернуть свои скиллы на максимум.
Узнать подробнее: Яндекс Практикум PRO
25 556
Динамические CSS-макеты с использование :has(), container queries и clamp()
Ахмад Шадид подробно разбирает, как строить сложные и адаптивные компоненты интерфейса, используя современные возможности CSS.
https://ishadeed.com/article/modern-css-section-layout/
25 556
Создание контекстно-зависимых компонентов
Функция `inherit()`позволяет дочерним элементам напрямую наследовать вычисленные значения CSS-переменных от родительских, упрощая адаптацию компонентов.
Уменьшаем дублирование токенов и количество переопределений, делая дизайн-системы более гибкими и предсказуемыми.
https://www.alwaystwisted.com/articles/making-context-aware-components
25 556
Настоящее и будущее прогрессивного рендеринга изображений
Исследуем прогрессивную отрисовку изображений в современных форматах (JPEG, PNG, WebP, AVIF, and JPEG XL).
https://jakearchibald.com/2025/present-and-future-of-progressive-image-rendering/?utm_campaign=Issue-624
25 556
Создание доступных вкладок на чистом CSS
Современный подход позволяет реализовать полностью доступные таб-интерфейсы, используя элементы
<details>, CSS Grid и Subgrid. Этот метод значительно упрощает структуру и обеспечивает встроенную поддержку доступности без JavaScript.
[Краткий пересказ]
https://css-tricks.com/pure-css-tabs-with-details-grid-and-subgrid/