本页有简体中文版。
切换到简体中文本頁有繁體中文版。
切換到繁體中文Front End World@front_end_first
Open@front_end_first
Front End World (@front_end_first) is a Telegram Development channel listed on TGbox, with 25,697 subscribers, created on Jul 1, 2016, activity rated Very active, mainly in English.
New articles about Front End development. JS, CSS, React, Vue, Angular and others! Russian tech blog: @five_a_m Admin: @jem_jem
– ·6 samples
Colour variants from base colours with OKLCH, CSS relative color, and CSS functions Many others have covered the manipulation of colour in CSS. This is me documenting what has worked for me, practically, 'in the wild'. It is a common requirement to need a variant of an... https://benfrain.com/colour-variants-from-base-colours-with-oklch-css-relative-color-and-css-functions/
Atelier UI: Mixing WebGL and the DOM in a React UI Library https://tympanus.net/codrops/2026/10/21/atelier-ui-webgl-dom/
Moving to Angular Zoneless What to watch for as you migrate your Angular app to Zoneless change detection. https://www.telerik.com/blogs/moving-angular-zoneless
Next.js Hydration Errors from localStorage: 3 Ways to Fix Them https://www.sitepoint.com/nextjs-hydration-error-localstorage/
TypeScript 7.0 Migration Guide: Performance, Compatibility, and Upgrade Steps Planning to upgrade to TypeScript 7.0? Explore the guide covering performance benchmarks, compiler compatibility, configuration changes, and migration steps. https://www.syncfusion.com/blogs/post/typescript-7-upgrade-guide
Effects with useEffect Learn how to use the useEffect hook to synchronize your components with the world outside of React, including dependency arrays, cleanup functions, Strict Mode, and when you don't need an effect at all. https://www.kirupa.com/react/effects_with_useeffect.htm
Native masonry layouts with CSS grid lanes It’s been a long process but now, masonry layouts have an actual CSS approach, so Saleh Mubashar has put together a really useful guide on how it works, how we got here and what’s next. https://piccalil.li/blog/native-masonry-layouts-with-css-grid-lanes/
Building an Isolated Preview for AI-Generated HTML https://blog.master.dev/building-an-isolated-preview-for-ai-generated-html/
Structured Output with TanStack AI https://blog.master.dev/structured-output-with-tanstack-ai/
Embracing Playful Imperfection With The CSS random() Function Design systems thrive on consistency, so where does randomness fit in? Through playful demos of organic typography, bouncing letters, and splayed cards, Brecht De Ruyte shows how the new CSS random() function brings a little imperfection to the web without JavaScript libraries or preprocessor loops that generate hundreds of lines of static CSS. https://www.smashingmagazine.com/2026/10/embracing-playful-imperfection-css-random-functi…
PHP2Shell: AI uncovers critical RCE vulnerabilities affecting 70% of the Internet Core PHP engine flaws enable remote code execution and Heartbleed-style memory disclosure across the web. https://www.wiz.io/blog/php2shell-php-rce
Frontend Performance Optimization: A Practical Guide to Faster Web Pages https://javascript.plainenglish.io/frontend-performance-optimization-a-practical-guide-to-faster-web-pages-c7a8d34fdbb5
React Server Components, One Year After React2Shell: The Patch You Probably Missed and How to Harden Your App https://medium.com/@ascendrixtech/react-server-components-one-year-after-react2shell-the-patch-you-probably-missed-and-how-to-5b3838cfd48d
Quirks and Vintage Uses of CSS Table Display Jokes about aligning divs will not be tolerated. https://vale.rocks/posts/table-display-values
Useful @custom-media Presets https://blog.master.dev/useful-custom-media-presets/
Ship less JavaScript in Next.js with your AI agent Optimize your Next.js app's bundles with the next-bundle-optimizer agent skill, or explore them yourself with new Bundle Analyzer tools. https://nextjs.org/blog/ship-less-javascript-with-ai
effect vs Effect in React: What’s the Difference? https://rahuulmiishra.medium.com/effect-vs-effect-in-react-whats-the-difference-8ad3c00c7f6e
React.lazy, Suspense and the Hidden 300 ms Delay Every new tab is a cold start. We set out to shrink our bundle, found that bytes weren't the problem, and traced the real delay to how React reveals lazy-loaded and suspended content. https://tabwidgets.com/blog/react-lazy-suspense-delay
Node2Shell: remote code execution on stock Node.js builds (CVE-2026–111497) A malformed Brotli body returns a shell on a stock Node.js build. ELLIO reproduced Node2Shell on x86-64 against four targets, and the scanning has started. https://ellio.tech/en/blog/node2shell-cve-2026-111497-rce-on-stock-nodejs-builds/
What’s new in Astro — October 2026 October 2026 - Astro 7.4, conference talks, and more! https://astro.build/blog/whats-new-october-2026/
Here we announce Telegram coding contests in Android Java, iOS Swift, JS, C/C++. Discussion: @contests
The official source for news about the Telegram Bot API. https://core.telegram.org/bots
This test store features the most exotic imaginary goods no money can buy, so you can test how Telegram Payments 2.0 work without spending a penny.
Developers community on Telegram. https://thedevs.network Jobs: @thehire Have something to share? @thedevs_share
Exclusively for Internet practitioners Content is broadly related to different topics such as technology, products, design, operations; the target audience is for different functions such as programmers, designers, product managers, operations management. Post/co-operation: @inside1024_bot Content Source Network
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
Welcome to Bot Talk! 😌 Be nice 🗣 Please use English so everyone can participate 🤖 Keep the topic on bot development ⚠️ Keep media posts like GIFs and stickers to a minimum ❌ Adding/using a bot here = BAN More info - https://t.me/BotTalk/608888
Joining means agreeing to comply with: 1. Strictly prohibited: advertising/recruitment, fighting, pornography/humiliation, black-grey production, excessive speech, off-topic, scam/paid tasks, any form of spam. Violator warning or blocking. 2. blowwater/programming start: please move @coder_ot. 3. About AI: - Do not encourage AI to answer questions directly. - If you want to use it, use it yourself or share it after summing up. - It is strictly prohibited to directly copy large pieces of text generated by the paste AI (by brushing screen). 4. Long code: Use tools such as pastebin to display. 5. Keep the following: Non-violent/sensitive content, do not delete messages at will to ensure the conversation is complete.
【进群看群置顶】AI、程序员、分享创造、问与答、网络、生活
Please read the group rules in detail, all violations of the rules are prohibited! (Retreaters bot automatically permanently blocked) Prohibited political, political topics related content Prohibited pornography, children's cars, annoying and annoying Prohibited ads, any ads Please contact the group owner Prohibited fighting, including topics that may lead to warfare Prohibited backpack, management with final disposal Contact: @hwzy0_bot Resource channel: @HelloWorld_1024
Discussion community for DS, ML, IOT, AI, DEEP LEARNING and much more from Main Channel @kdnuggets and discuss @DatascienceChats
This group is intended for discussions of coding and design competitions held by Telegram. Please use English. See @contest for information. For discussions in Russian, please use @contests_ru https://t.me/contests/51172
