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
显示更多
网络:📈 Telegram 频道 Front End World 的分析概览
频道 Front End World (@front_end_first) 英语 语言赛道中的 是活跃参与者。目前社区聚集了 25 955 名订阅者，在 技术与应用 类别中位列第 4 998，并在 俄罗斯 地区排名第 24 955 位。
📊 受众指标与增长动态
自 невідомо 创建以来，项目保持高速增长，吸引了 25 955 名订阅者。
根据 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 955
订阅者
-524 小时
-487 天
-16830 天
帖子存档
25 969
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/
25 969
React 19.3
The library for web and native user interfaces
https://react.dev/blog/2026/09/09/react-19-3
25 969
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/
25 969
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/
25 969
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
25 969
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/
25 969
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/
25 969
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/
25 969
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/
25 969
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/
25 969
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
25 969
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/
25 969
Fixing Top-Level Await in Safari
https://webkit.org/blog/18227/fixing-top-level-await-in-safari/
25 969
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.html25 969
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
25 969
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/
25 969
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/
25 969
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/
