ar
Feedback
Front End World

Front End World

الذهاب إلى القناة على Telegram

New articles about Front End development. JS, CSS, React, Vue, Angular and others! Russian tech blog: @five_a_m Admin: @jem_jem

إظهار المزيد

📈 نظرة تحليلية على قناة تيليجرام Front End World

تُعد قناة Front End World (@front_end_first) في القطاع اللغوي الإنكليزية لاعباً نشطاً. يضم المجتمع حالياً 25 969 مشتركاً، محتلاً المرتبة 4 998 في فئة التكنولوجيات والتطبيقات والمرتبة 24 955 في منطقة روسيا.

📊 مؤشرات الجمهور والحراك

منذ تأسيسه في невідомо، حقق المشروع نمواً سريعاً وجمع 25 969 مشتركاً.

بحسب آخر البيانات بتاريخ 15 سبتمبر, 2026، تحافظ القناة على نشاط مستقر. خلال آخر 30 يوماً تغيّر عدد الأعضاء بمقدار -168، وفي آخر 24 ساعة بمقدار -5، مع بقاء الوصول العام مرتفعاً.

  • حالة التحقق: غير موثّقة
  • معدل التفاعل (ER): يبلغ متوسط تفاعل الجمهور 3.67‎%. وخلال أول 24 ساعة من النشر يحصد المحتوى عادةً 1.56‎% من ردود الفعل نسبةً إلى إجمالي المشتركين.
  • وصول المنشورات: يحصل كل منشور على متوسط 954 مشاهدة. وخلال اليوم الأول يجمع عادةً 406 مشاهدة.
  • التفاعلات والاستجابة: يتفاعل الجمهور بانتظام؛ متوسط التفاعلات لكل منشور يبلغ 1.
  • الاهتمامات الموضوعية: يركز المحتوى على مواضيع رئيسية مثل css, javascript, dev, typescript, async.

📝 الوصف وسياسة المحتوى

يصف المؤلف القناة بأنها مساحة للتعبير عن الآراء الذاتية:
New articles about Front End development. JS, CSS, React, Vue, Angular and others! Russian tech blog: @five_a_m Admin: @jem_jem

بفضل وتيرة التحديث المرتفعة (أحدث البيانات بتاريخ 16 سبتمبر, 2026) تحافظ القناة على حداثتها ومستوى وصول مرتفع. وتُظهر التحليلات تفاعلاً نشطاً من الجمهور، ما يجعلها نقطة تأثير مهمة ضمن فئة التكنولوجيات والتطبيقات.

25 969
المشتركون
-524 ساعات
-487 أيام
-16830 أيام
أرشيف المشاركات
Animating CSS Grid Layouts with CSS Anchor Positioning At CSS Day (back in June), someone asked me how Brave (the browser) mi
Animating CSS Grid Layouts with CSS Anchor Positioning At CSS Day (back in June), someone asked me how Brave (the browser) might have built their New Tab Page which features some tiles laid out in a grid. While the grid is nothing spectacular, something special happens with it when you resize the viewport: as the available space changes, the grid nicely reorganizes itself in an animated way. The animations are also interruptible, so no View Transitions seem to be at play.So, how did they do it? I’m not sure. But if I were to recreate it, I’d use CSS Anchor Positioning with regular CSS Transitions on top. https://www.bram.us/2026/09/07/animating-css-grid-layouts-with-css-anchor-positioning/

React 19.3 The library for web and native user interfaces https://react.dev/blog/2026/09/09/react-19-3
React 19.3 The library for web and native user interfaces https://react.dev/blog/2026/09/09/react-19-3

Turning Names Into Digital Architecture with Three.js For the Three.js Conference in Paris, BL/S® created an interactive expe
Turning Names Into Digital Architecture with Three.js For the Three.js Conference in Paris, BL/S® created an interactive experiment that transforms your name into a dynamic 3D structure. https://tympanus.net/codrops/2026/09/09/turning-names-into-digital-architecture-with-three-js/

Let’s Use the Emergent CSS random() Function in all the Browsers The journey to create a polyfill for the upcoming CSS random
Let’s Use the Emergent CSS random() Function in all the Browsers The journey to create a polyfill for the upcoming CSS random() function that works in all browsers. https://css-tricks.com/css-random-function-polyfill/

thank u, next: Replacing Next.js with a vibe-coded “framework” Replacing Next.js with a vibe-coded "framework" https://maxlei
thank u, next: Replacing Next.js with a vibe-coded “framework” Replacing Next.js with a vibe-coded "framework" https://maxleiter.com/blog/thank-u-next

Building a Real-Time 3D Face Mask with MediaPipe, Threlte and Three.js Learn how MediaPipe’s face landmarks, Google’s canonic
Building a Real-Time 3D Face Mask with MediaPipe, Threlte and Three.js Learn how MediaPipe’s face landmarks, Google’s canonical face model, and Three.js come together to create a real-time textured 3D face mask. https://tympanus.net/codrops/2026/09/06/building-a-real-time-3d-face-mask-with-mediapipe-threlte-and-three-js/

What happens when Bun runs a TypeScript file Follow bun run app.ts through CLI dispatch, module resolution, TypeScript transp
What happens when Bun runs a TypeScript file Follow bun run app.ts through CLI dispatch, module resolution, TypeScript transpilation, JavaScriptCore, Node compatibility, and the event loop. https://flaviocopes.com/what-happens-when-bun-runs-typescript/

From Rays to Meshes: Building Vercel’s Prism with vgpu A look at how Vercel’s vgpu creates a performant prism effect using sh
From Rays to Meshes: Building Vercel’s Prism with vgpu A look at how Vercel’s vgpu creates a performant prism effect using shaders, geometry, glass, and adaptive rendering. https://tympanus.net/codrops/2026/09/03/from-rays-to-meshes-building-vercels-prism-with-vgpu/

I tested 5 AI tools for refactoring CSS: Here’s what I learned Tested ChatGPT, Claude, Copilot, Cursor, and Gemini across 7 t
I tested 5 AI tools for refactoring CSS: Here’s what I learned Tested ChatGPT, Claude, Copilot, Cursor, and Gemini across 7 tricky CSS traps. Discover which AI assistant refactors stylesheets without breaking UI. https://blog.logrocket.com/ai-tool-refactor-css/

Bend, Aim, Fling: Turning the Eiffel Tower into a Catapult with Three.js A playful Three.js experiment that turns the Eiffel
Bend, Aim, Fling: Turning the Eiffel Tower into a Catapult with Three.js A playful Three.js experiment that turns the Eiffel Tower into a catapult, combining interactive physics with real-world 3D data from Cesium ion to launch yourself across Paris toward the Three.js conference. https://tympanus.net/codrops/2026/09/01/bend-aim-fling-turning-the-eiffel-tower-into-a-catapult-with-three-js/

CSS is Still Awesome Every so often it just hits me how amazing CSS continues to be. https://jasonsantamaria.com/blog/css-is-
CSS is Still Awesome Every so often it just hits me how amazing CSS continues to be. https://jasonsantamaria.com/blog/css-is-still-awesome

Vitest 5.0 is out! ​ Vitest 5.0 Release Announcement https://vitest.dev/blog/vitest-5.html
Vitest 5.0 is out! ​ Vitest 5.0 Release Announcement https://vitest.dev/blog/vitest-5.html

On animating what you can’t see When an animation bug survives every timing tweak, record it frame by frame and check which l
On animating what you can’t see When an animation bug survives every timing tweak, record it frame by frame and check which layer actually owns the view. https://karlkoch.me/writing/on-animating-what-you-cant-see/

Testing Google’s “modern-web-guidance” skill against a real React app A test of the modern-web-guidance skill against a real React app, to see whether it actually catches stale frontend patterns and surfaces current best practices. https://alfy.blog/2026/07/25/modern-web-guidance.html

CSS Centering: Grid vs. Flexbox vs. Anchor Positioning Learn how to choose between CSS Grid, Flexbox, and Anchor Positioning
CSS Centering: Grid vs. Flexbox vs. Anchor Positioning Learn how to choose between CSS Grid, Flexbox, and Anchor Positioning to build responsive, accessible layouts that stay centered when content and viewport sizes change. https://www.syncfusion.com/blogs/post/css-centering-position-guide?via=dailydev

Introducing : A Pageflip/Flipbook Custom Element powered by HTML-in-Canvas Way back in 2005, I used a Flash PageFlip componen
Introducing <hic-pageflip>: A Pageflip/Flipbook Custom Element powered by HTML-in-Canvas Way back in 2005, I used a Flash PageFlip component to display a book on a website. Ever since, recreating a modern version has been on my backlog to investigate. With the arrival of the experimental HTML-in-Canvas API, we can finally bring it back — this time displaying real HTML. https://www.bram.us/2026/09/02/html-in-canvas-pageflip/

Feature Detecting “Undetectable” CSS Features with @supports named-feature() In CSS you can feature detect support for things
Feature Detecting “Undetectable” CSS Features with @supports named-feature() In CSS you can feature detect support for things like selectors, properties + values, and at-rules using @supports. But how do you feature detect a change to an underlying implementation, or two existing properties suddenly working together? Enter @supports named-feature(), a function designed to expose these specific capabilities without relying on hacky workarounds. https://www.bram.us/2026/08/27/feature-detecting-undetectable-css-features-with-supports-named-feature/

Creating Web Widgets Using the Document Picture-in-Picture API The general idea is that we create a Document Picture-in-Pictu
Creating Web Widgets Using the Document Picture-in-Picture API The general idea is that we create a Document Picture-in-Picture window (DPIP window), and then we put HTML, CSS, and JavaScript into it. https://css-tricks.com/creating-web-widgets-using-the-document-picture-in-picture-api/