gram news
Аватар канала Front End World

Front End World

@front_end_first

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

26,004подписчиков

Открыть канал

Последние посты

  • Front End World

    23 сент., 11:20

    Beyond Frontend and Backend: The Rise of the Agent LayerAgents deserve an architecture layer of their own rather than lumped into frontend or backend, since they don’t behave quite the same as people or programs.https://www.telerik.com/blogs/beyond-frontend-backend-rise-agent-layer
    Иллюстрация к посту канала Front End WorldИллюстрация к посту канала Front End World
  • Front End World

    23 сент., 08:15

    How to Build a Browser-Based File Integrity Checker with JavaScripthttps://www.sitepoint.com/how-to-build-a-browser-based-file-integrity-checker-with-javascript/?via=dailydev
    SitepointHow to Build a Browser-Based File Integrity Checker with JavaScript
  • Front End World

    22 сент., 14:00

    Still: From Akira to Ink Wash, Building a Generative Garden in WebGPUA technical deep dive into Still, exploring how WebGPU, procedural systems, and Japanese art influences come together to create a living generative garden.https://tympanus.net/codrops/2026/09/09/still-from-akira-to-ink-wash-building-a-generative-garden-in-webgpu/
    Иллюстрация к посту канала Front End WorldИллюстрация к посту канала Front End World
  • Front End World

    22 сент., 11:20

    TanStack Markdown vs react-markdown: Which is better?Compare TanStack Markdown and react-markdown. Learn how their token stream vs. AST architectures impact React app builds.https://blog.logrocket.com/tanstack-markdown-vs-react-markdown/
    Иллюстрация к посту канала Front End WorldИллюстрация к посту канала Front End World
  • Front End World

    22 сент., 08:15

    WebGPU Compute Shaders for High-Throughput Syntax Highlightinghttps://www.sitepoint.com/webgpu-compute-shaders-for-high-throughput-syntax-highlighting/
    SitepointWebGPU Shader Syntax Highlighting for Web IDEs | SitePointMaster moving high-throughput code tokenization and syntax classification from CPU regex loops on the main UI thread to parallel WGSL compute shaders in WebGPU for lag-free in-browser code editing.
  • Front End World

    21 сент., 14:00

    Using maths to balance your heading stylesA simple system for styling heading levels using a modular scalehttps://www.craigabbott.co.uk/blog/2026/using-maths-to-balance-your-heading-styles/
    Иллюстрация к посту канала Front End WorldИллюстрация к посту канала Front End World
  • Front End World

    21 сент., 08:15

    CSS Curiosities of the PastContrived Standards Skirting.https://vale.rocks/posts/css-relics
    Иллюстрация к посту канала Front End WorldИллюстрация к посту канала Front End World
  • Front End World

    20 сент., 14:00

    Custom Scrollbar Component In 2026https://blog.master.dev/custom-scrollbar-component-in-2026/
    Иллюстрация к посту канала Front End WorldИллюстрация к посту канала Front End World
  • Front End World

    19 сент., 14:00

    You Don’t Need Initial-Scale In Your HTMLhttps://vale.rocks/micros/20260902-1350
    Иллюстрация к посту канала Front End WorldИллюстрация к посту канала Front End World
  • Front End World

    18 сент., 14:00

    Building an Infinite Liquid Glass Grid with Three.js, WebGPU, and TSLAn 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/
    Иллюстрация к посту канала Front End WorldИллюстрация к посту канала Front End World
  • Front End World

    18 сент., 11:20

    nextjs: How we closed 1,500 GitHub issues in one monthHow 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
    Иллюстрация к посту канала Front End WorldИллюстрация к посту канала Front End World
  • Front End World

    17 сент., 11:20

    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-supports-interactive-widget-and-hopefully-safari-will-too/
    Иллюстрация к посту канала Front End WorldИллюстрация к посту канала Front End World
  • Front End World

    17 сент., 08:15

    Your React app unmounts when a reader turns on Chrome translateWhat 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
    Иллюстрация к посту канала Front End WorldИллюстрация к посту канала Front End World
  • Front End World

    16 сент., 14:00

    Animating CSS Grid Layouts with CSS Anchor PositioningAt 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/
    Иллюстрация к посту канала Front End WorldИллюстрация к посту канала Front End World
  • Front End World

    16 сент., 11:20

    React 19.3The library for web and native user interfaceshttps://react.dev/blog/2026/09/09/react-19-3
    Иллюстрация к посту канала Front End WorldИллюстрация к посту канала Front End World
  • Front End World

    16 сент., 08:15

    Turning Names Into Digital Architecture with Three.jsFor 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/
    Иллюстрация к посту канала Front End WorldИллюстрация к посту канала Front End World
  • Front End World

    15 сент., 14:00

    Let’s Use the Emergent CSS random() Function in all the BrowsersThe journey to create a polyfill for the upcoming CSS random() function that works in all browsers.https://css-tricks.com/css-random-function-polyfill/
    Иллюстрация к посту канала Front End WorldИллюстрация к посту канала Front End World
  • Front End World

    15 сент., 11:20

    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
    Иллюстрация к посту канала Front End WorldИллюстрация к посту канала Front End World
  • Front End World

    15 сент., 08:15

    Building a Real-Time 3D Face Mask with MediaPipe, Threlte and Three.jsLearn 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/
    Иллюстрация к посту канала Front End WorldИллюстрация к посту канала Front End World
  • Front End World

    14 сент., 14:00

    What happens when Bun runs a TypeScript fileFollow 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/
    Иллюстрация к посту канала Front End WorldИллюстрация к посту канала Front End World