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
显示更多
网络:📈 Telegram 频道 FrontEndDev 的分析概览
频道 FrontEndDev (@front_end_dev) 俄语 语言赛道中的 是活跃参与者。目前社区聚集了 25 523 名订阅者，在 技术与应用 类别中位列第 5 215，并在 俄罗斯 地区排名第 25 418 位。
📊 受众指标与增长动态
自 невідомо 创建以来，项目保持高速增长，吸引了 25 523 名订阅者。
根据 30 十月, 2026 的最新数据，频道保持稳定运转。过去 30 天订阅人数变化为 -307，过去 24 小时变化为 -14，整体触达仍然可观。
- 认证状态： 未认证
- 互动率 (ER)： 平均受众互动率为 9.75%。内容发布后 24 小时内通常能获得 5.75% 的反应，占订阅者总量。
- 帖子覆盖： 每篇帖子平均可获得 2 490 次浏览，首日通常累积 1 468 次浏览。
- 互动与反馈： 受众积极参与，单帖平均反应数为 11。
- 主题关注点： 内容集中在 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”
凭借高频更新（最新数据采集于 31 十月, 2026），频道始终保持新鲜度与高覆盖。分析显示受众积极互动，使其成为 技术与应用 类别中的关键影响点。
25 523
订阅者
-1424 小时
-827 天
-30730 天
帖子存档
25 518
CSS трюки с использованием одного градиента
CSS cинтаксис градиентов относительно сложный и в нем легко можно запутаться, если делать сложные вещи. Посмотрим на простых примерах, что можно сделать с использованием лишь 1 градиента.
https://css-tricks.com/css-tricks-that-use-only-one-gradient/?utm_source=CSS-Weekly&utm_campaign=Issue-597&utm_medium=web
25 518
WebView-приложения. Время гибридных технологий
Андрей Симонов в своем докладе рассказывает, почему появление гибридов — это естественная эволюция, что они дадут разработчику и бизнесу.
https://www.youtube.com/watch?v=l87upW6M9Bw
25 518
Интерактивное руководство по CSS Transitions
Подробный гайд по CSS Transitions от Josh W. Comeau с примерами которые можно потыкать.
https://www.joshwcomeau.com/animation/css-transitions/
25 518
Repost from Sleepless tech | Евгений J
Как отключить ECH для вашего домена на Cloudflare
Если ваш сайт на Cloudflare перестал работать без VPN, то все дело в технологии Encrypted Client Hello, которую включил Cloudflare. Ее можно отключить на платных тарифах в админке, а в бесплатных только если ты хакер.
Сначала проверяем домен на предмет работы ECH так:
https://dns.google/resolve?name=[ВАШ_ДОМЕН]&type=HTTPS
У меня в ответе видно, что включен {"name":"jem-space.ru.","type":65,"TTL":300,"data":"1 . alpn=h3,h2 ipv4hint=188.114.96.1,188.114.97.1 ech=AEX+DQBBHQAgACAhjyy/+kI2j...."}
Идем в https://dash.cloudflare.com/profile/api-tokens и копируем свой Global API Key.
На странице домена внизу справа копируем Zone ID.
Отключаем ECH запросом curl (или постман)
curl -X PATCH "https://api.cloudflare.com/client/v4/zones/{ID_ZONE}/settings/ech" \
-H "X-Auth-Email: {ACCOUNT_EMAIL}" \
-H "X-Auth-Key: {GLOBAL_API_KEY}" \
-H "Content-Type:application/json" --data '{"id":"ech","value":"off"}'25 518
Способы улучшить показатели Core Web Vitals
Советы по улучшению показателей INP, CLS и LCP.
https://web.dev/articles/top-cwv
25 518
Геймдев на JavaScript
Туториал по созданию Sonic Runner с использованием библиотеки Kaplay.
https://www.youtube.com/watch?v=EmMO0yQ7eeY
25 518
Бесплатное IT-образование в 2024
Отобрали для вас полезные телеграм-каналы, которые помогут освоить программирование и другие IT-направления
Выбирайте нужное и подписывайтесь:
👩💻 Frontend: @FrontendPortal
⚙ Backend: @BackendPortal
📱 GitHub: @git_developer
🤓 Книги айти: @portalToIT
👩💻 Python: @PythonPortal
👩💻 Java: @Java_Iibrary
👩💻 C#: @KodBlog
👩💻 С/С++: @Cpportal
🖥 Базы Данных & SQL: @SQL
👩💻 Golang: @juniorGolang
👩💻 PHP: @PHPortal
👩💻 Моб. разработка: @MobDev
👩💻 Разработка игр: @GameDevgx
👩💻 DevOps: @loose_code
🖥 Data Science: @DataSciencegx
🤔 Хакинг & ИБ: @cybersecinform
🐞 Тестирование: @QAPortal
📱 Маркетинг: @MarketingPortal
🖥 Дизайн: @PortalToDesign
➡ Сохраняйте себе, чтобы не потерять
25 518
Вписываем текст во всю ширину строки
Интересный трюк, позволяющий подогнать размер шрифта для полного заполнения текста
https://frontendmasters.com/blog/edge-to-edge-text/
25 518
Улучшенная работа вложенного CSS с CSSNestedDeclarations
В спецификацию добавлены некоторые улучшения работы вложенных конструкций CSS, которые делают работу селекторов более предсказуемой.
https://web.dev/blog/css-nesting-cssnesteddeclarations?hl=en
25 518
npm audit
Что такое npm audit и как фиксить проблемы с уязвимостями, которые мы видим в консоли после установки.
https://www.niraj.life/blog/understanding-npm-audit-fixing-vulnerabilities-nodejs/
25 518
Анимируем React приложение с Framer Motion
Короткий курс по анимации на примере приложения со списком.
https://egghead.io/lessons/react-create-micro-interactions-with-framer-motion-gesture-props
25 518
⚡️ Прими участие в хакатоне Т1 2024 в Санкт-Петербурге и поборись за призовой фонд в 800 000 рублей!
Когда: 15-18 ноября 2024
Формат: гибридный
Призовой фонд: 800 000 рублей
🔥 Хакатон Т1 2024 создан для тебя, если ты:
– выпускник вуза или молодой специалист;
– студент старших курсов технических вузов;
– специалист по frontend- или backend-разработке, системный аналитик, специалист по ИБ, AI-специалист.
❗️На хакатоне тебе будут предложены 2 кейса:
1. Открытый WAF, закрытый доступ: Создание непробиваемой политики против инъекций.
Примите участие в создании непреодолимого барьера для злоумышленников. Разработайте политику для open-source WAF, обеспечивающую максимальную защиту от всех видов инъекций.
2. SprintHealth: Инновационный Анализ для Agile-команд.
Создайте инструмент для оценки «здоровья» спринтов на основе детального анализа данных задач. Помогите командам работать не только усерднее, но и умнее, достигая поставленных целей быстрее.
Почему тебе нужно принять участие:
*️⃣Фирменный мерч в подарок всем офлайн-участникам;
*️⃣Питание — обед и снэк-бар на протяжении всего дня;
*️⃣Обратная связь от топовых менторов и техлидов Т1;
*️⃣Новые знакомства, которые обязательно пригодятся в будущем;
*️⃣Возможность создать новаторские решения для крупных клиентов и расширить свои навыки в сфере информационных технологий!
▶️ Регистрация открыта! Успей зарегистрироваться до 13 ноября, 23:59 МСК по ссылке.
25 518
Repost from Web Stack
Значок скрола в DevTools
Теперь стало намного проще находить элементы, у которых присутствует скрол, с новым обновлением DevTools.
https://developer.chrome.com/blog/swe-devtools-scroll-badge
25 518
State of CSS 2024
Результаты ежегодного исследования о CSS: инструменты, фреймворки, тренды, фичи.
https://2024.stateofcss.com/ru-RU
25 518
Создаем заполняющийся индикатор загрузки
Пошаговый туториал создания лоадера с использованием всего 1 элемента на чистом CSS.
https://www.freecodecamp.org/news/filling-css-loaders/
25 518
Сайты на Framer ускорили интерактивность на 50%
Команда Framer рассказывает о новом обновлении, которое ускоряет интерактивность сайтов, используя более оптимальный алгоритм загрузки и обновления.
https://www.framer.com/blog/sites-interactive-faster/
25 518
Как устроена работа ИТ-специалистов в Т-Банке?
Загляните в канал T-Crew — тут показывают будни команды и делятся полезным:
— Дайджесты вакансий, регистрация на fast track и приглашения от руководителей.
— Анонсы мероприятий. Например, когда пройдет следующий ИТ-каток, ИТ-пикник и другие нашумевшие ивенты.
— Кейсы, статьи и лайфхаки для работы — от методов планирования до карьерного роста.
Подписаться на T-Crew
erid:2VtzqubR5DN
25 518
Продвинутый Ctrl+F
Используем текстовые фрагменты в URL для выделениях интересующих участков текста на странице, делая навигацию более эффективной.
https://alfy.blog/2024/10/19/linking-directly-to-web-page-content.html
25 518
Способы реализации светлой/темной темы
Используем css переменные, prefers-color-scheme и JS для динамического переключения темы.
https://css-tricks.com/come-to-the-light-dark-side/
25 518
3D анимация грида с scroll-triggered эффектами
Очередной красивый концепт анимаций и переходов с использованием скролла.
Демо | Github
https://tympanus.net/codrops/2024/10/16/staggered-3d-grid-animations-with-scroll-triggered-effects/
