FrontEndDev
Ir al canal en 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
Mostrar más
Red:📈 Análisis del canal de Telegram FrontEndDev
El canal FrontEndDev (@front_end_dev) en el segmento lingüístico de Ruso es un actor destacado. Actualmente la comunidad reúne a 25 523 suscriptores, ocupando la posición 5 215 en la categoría Tecnologías y Aplicaciones y el puesto 25 418 en la región Rusia.
📊 Métricas de audiencia y dinámica
Desde su creación el невідомо, el proyecto ha mostrado un crecimiento acelerado, reuniendo a 25 523 suscriptores.
Según los últimos datos del 30 octubre, 2026, el canal mantiene una actividad estable. En los últimos 30 días la variación de miembros fue de -307, y en las últimas 24 horas de -14, conservando un alto alcance.
- Estado de verificación: No verificado
- Tasa de interacción (ER): El promedio de interacción de la audiencia es 9.75%. Durante las primeras 24 horas tras publicar, el contenido suele obtener 5.75% de reacciones respecto al total de suscriptores.
- Alcance de las publicaciones: Cada publicación recibe en promedio 2 490 visualizaciones. En el primer día suele acumular 1 468 visualizaciones.
- Reacciones e interacción: La audiencia responde de forma activa: el promedio de reacciones por publicación es 11.
- Intereses temáticos: El contenido se centra en temas clave como css, api, интерфейс, html, frontend.
📝 Descripción y política de contenido
El autor describe el recurso como un espacio para expresar opiniones subjetivas:
“🚀 Статьи, новости, туториалы по 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”
Gracias a la alta frecuencia de actualizaciones (últimos datos recibidos el 31 octubre, 2026), el canal mantiene la vigencia y un amplio alcance. La analítica demuestra que la audiencia interactúa activamente con el contenido, lo que lo convierte en un punto de referencia dentro de la categoría Tecnologías y Aplicaciones.
25 523
Suscriptores
-1424 horas
-827 días
-30730 días
Archivo de publicaciones
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/
