Front End World(@front_end_first)是 TGbox 收錄的 Telegram 開發編程頻道,目前有 25,946 名訂閱者,創建於 2016年7月1日,活躍度為非常活躍,內容以英文為主。
頻道簡介與描述
New articles about Front End development. JS, CSS, React, Vue, Angular and others! Russian tech blog: @five_a_m Admin: @jem_jem
本頁有簡體中文版。
切換到簡體中文This page is available in English.
Switch to EnglishFront End World@front_end_first
直達Front End World(@front_end_first)是 TGbox 收錄的 Telegram 開發編程頻道,目前有 25,946 名訂閱者,創建於 2016年7月1日,活躍度為非常活躍,內容以英文為主。
New articles about Front End development. JS, CSS, React, Vue, Angular and others! Russian tech blog: @five_a_m Admin: @jem_jem
成員數據正在積累,過幾天再來看看。
Fixing Top-Level Await in Safari https://webkit.org/blog/18227/fixing-top-level-await-in-safari/

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/

React Now Rusted All The Way Out https://blog.master.dev/react-now-rusted-all-the-way-out/

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

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

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/

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/

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/

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/

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/

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

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/

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/

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

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?…

Your React app unmounts when a reader turns on Chrome translate What a browser translator does to a React-owned text node, measured across five engines, including the conclusion I published wrong. https://dev.to/davlat_aliev_392c20ec5c92/your-react-app-unmounts-when-a-reader-turns-on-chrome-translate-2hn3

WebKit supports interactive-widget … and hopefully Safari will too? About a month ago, WebKit gained support for interactive-widget. While it’s not clear whether this will end up in Safari or not, this is pretty exciting news: If you have ever had a virtual keyboard obscure your fixed navigation bar, then interactive-widget is for you.This post details a quick recap of what the feature does, how we got here, and a sneak peek at it running in WebKit. https://www.bram.us/2026/09/11/webkit-suppor…

nextjs: How we closed 1,500 GitHub issues in one month How the Next.js team used an agent to research old reports and work through the issue backlog. https://nextjs.org/blog/how-we-closed-1500-github-issues

Building an Infinite Liquid Glass Grid with Three.js, WebGPU, and TSL An exploration of infinite grids, liquid glass, and video refraction using Three.js, WebGPU, TSL, and custom shaders. https://tympanus.net/codrops/2026/09/08/building-an-infinite-liquid-glass-grid-with-three-js-webgpu-and-tsl/

You Don’t Need Initial-Scale In Your HTML https://vale.rocks/micros/20260902-1350

在這裡,我們宣佈了Android Java、iOS Swift、JS、C/C++中的Telegram編碼比賽。
關於 Telegram Bot API 的官方消息來源. https://core.telegram.org/bots
這個測試商店擁有最異國情調的想像性商品,沒有錢可以買到,所以你可以測試Telegram Payments 2.0如何工作,而不花一分錢。
Developers community on Telegram. https://thedevs.network Jobs: @thehire Have something to share? @thedevs_share
互聯網從業者專屬 內容多為技術、產品、設計、運營等不同話題內容; 目標人群為程序員、設計師、產品經理、運營管理等不同職能。 投稿/合作: @inside1024_bot 內容來源網絡
Top stories from https://news.ycombinator.com (with 100+ score) Contribute to the development here: https://github.com/phil-r/hackernewsbot Also check https://t.me/designer_news Contacts: @philr
歡迎來博客聊天! 善待 請使用英語,讓每個人都能參與 保持博客開發的主題 ⚠️ 將媒體帖子如GIF和貼紙保持在最小限度上 ❌ 添加/使用博客在這裡 = BAN 更多信息 - https://t.me/BotTalk/608888
加入即同意遵守: 1. 嚴禁:廣告/招聘、引戰、色情/低俗、黑灰產、過激言論、離題話題、作弊/有償任務、任何形式 spam。違者警告或封禁。 2. 吹水/編程起步:請移步 @coder_ot。 3. 關於 AI: - 不鼓勵用 AI 直接回答問題。 - 如需使用,請自行使用或總結後再分享。 - 嚴禁直接複製粘貼 AI 生成的大段文本(按刷屏處理)。 4. 長代碼:請使用 pastebin 等工具展示。 5. 保留上下文:非違規/敏感內容,請勿隨意刪除消息,確保對話完整。
【進群看置頂】AI、程序員、分享創造、問與答、網絡、生活
⚠️入群請詳細閱讀群規,違反規則一律封禁!(退群者bot自動永久封禁) 🈲 政治,政治話題相關內容 🈲 情色,童車,噁心及令人反胃 🈲 廣告,任何廣告請先聯繫群主 🈲 引戰,包括可能導致引戰的話題 🈲 兜底,管理有最終處置權 投稿聯繫: @hwzy0_bot 資源頻道: @HelloWorld_1024
Discussion community for DS, ML, IOT, AI, DEEP LEARNING and much more from Main Channel @kdnuggets and discuss @DatascienceChats
此組旨在討論電報舉辦的編碼和設計比賽,請使用英語. 請參見 @contest 以獲取信息. 對於俄語的討論,請使用 @contests_ru https://t.me/contests/51172