Tagged articles
29 articles
Page 1 of 1
Radish, Keep Going!
Radish, Keep Going!
Mar 15, 2026 · Artificial Intelligence

How Chrome’s WebMCP Lets LLMs Control Browsers Without APIs or Bots

The article examines Chrome 146’s WebMCP standard, showing how declarative and imperative APIs let large language models interact with real browser sessions directly, outperforming prior screenshot‑or‑Playwright tricks in success rate, token cost, speed, and robustness while exposing new challenges for anti‑bot systems.

AI agentsBrowser AutomationChrome
0 likes · 9 min read
How Chrome’s WebMCP Lets LLMs Control Browsers Without APIs or Bots
JavaScript
JavaScript
Dec 31, 2025 · Frontend Development

7 Reliable Alternatives to setTimeout for Precise JavaScript Timing

The article outlines seven browser‑based techniques—including requestAnimationFrame, setInterval, requestIdleCallback, Web Workers, Promise + async/await, the Web Animations API, and Intersection Observer—each offering higher accuracy, better resource handling, or smoother execution than the traditional setTimeout timer.

JavaScriptTimersWeb APIs
0 likes · 4 min read
7 Reliable Alternatives to setTimeout for Precise JavaScript Timing
JavaScript
JavaScript
Sep 26, 2025 · Information Security

How ShadowRealm Can Safely Isolate Untrusted JavaScript in the Browser

ShadowRealm, a forthcoming ECMAScript standard now at TC39 Stage 3, lets developers create isolated JavaScript global environments without DOM overhead, offering a lightweight alternative to iframes and eval for securely executing third‑party code, with APIs like new ShadowRealm(), evaluate() and importValue().

ECMAScriptIsolationJavaScript
0 likes · 4 min read
How ShadowRealm Can Safely Isolate Untrusted JavaScript in the Browser
JavaScript
JavaScript
Sep 17, 2025 · Frontend Development

7 Better Alternatives to setTimeout for Reliable JavaScript Timing

This article examines the shortcomings of the traditional setTimeout API and presents seven more reliable JavaScript timing techniques—including requestAnimationFrame, setInterval, requestIdleCallback, Web Workers, Promise/async‑await, the Web Animations API, and Intersection Observer—each with code examples and key advantages.

AsyncJavaScriptTimers
0 likes · 5 min read
7 Better Alternatives to setTimeout for Reliable JavaScript Timing
JavaScript
JavaScript
Sep 10, 2025 · Frontend Development

How to Enable Seamless Cross‑Tab Communication in Modern Web Apps

This article explains why synchronizing data across multiple same‑origin browser tabs is essential for a smooth user experience and compares three practical techniques—localStorage events, BroadcastChannel, and SharedWorker—detailing their mechanisms, advantages, and trade‑offs.

BroadcastChannelSharedWorkerWeb APIs
0 likes · 7 min read
How to Enable Seamless Cross‑Tab Communication in Modern Web Apps
JavaScript
JavaScript
Apr 30, 2025 · Frontend Development

Mastering Debounce & Throttle: Modern JavaScript Techniques & Code Samples

This article explains traditional and modern ways to implement debounce and throttle in JavaScript, covering classic functions, decorators, requestAnimationFrame, AbortController, Web Streams API, and third‑party libraries, with code examples, performance trade‑offs, and real‑world use cases.

DebounceThrottleWeb APIs
0 likes · 6 min read
Mastering Debounce & Throttle: Modern JavaScript Techniques & Code Samples
php Courses
php Courses
Apr 24, 2025 · Frontend Development

Six Lesser‑Known Ways to Output Data in JavaScript

This article introduces six alternative JavaScript output techniques—including document.write, advanced console methods, the Notification API, speech synthesis, Blob with URL.createObjectURL, and WebSocket—providing developers with richer options beyond console.log and alert for diverse web scenarios.

JavaScriptWeb APIsconsole
0 likes · 5 min read
Six Lesser‑Known Ways to Output Data in JavaScript
JD Cloud Developers
JD Cloud Developers
Nov 18, 2024 · Frontend Development

Build Your Own Chrome Extension: Step‑by‑Step Guide with Code Samples

This tutorial walks you through the fundamentals of Chrome extension development, covering the extension architecture, required files, manifest configuration, UI creation, background and content scripts, messaging APIs, and advanced features such as ad removal, context‑menu shortcuts, request blocking, custom new‑tab pages, and text highlighting.

Browser AutomationJavaScriptWeb APIs
0 likes · 9 min read
Build Your Own Chrome Extension: Step‑by‑Step Guide with Code Samples
Laravel Tech Community
Laravel Tech Community
Mar 8, 2023 · Frontend Development

Google Chrome 111 Introduces Improved Download UI, View Transitions API, Automatic Permission Revocation, and New Document Picture-in-Picture API

Chrome 111, released a month after Chrome 110, brings a refined download bubble UI, a numeric download count, smoother page transition support via the View Transitions API, automatic revocation of unused site permissions, and a new Document Picture-in-Picture API for richer web experiences.

ChromePicture-in-PictureView Transitions
0 likes · 3 min read
Google Chrome 111 Introduces Improved Download UI, View Transitions API, Automatic Permission Revocation, and New Document Picture-in-Picture API
Sohu Tech Products
Sohu Tech Products
Sep 28, 2022 · Frontend Development

Using JavaScript Blob, File, FileReader, ArrayBuffer, DataView, Object URL and Base64 APIs

This article explains how JavaScript’s Blob, File, FileReader, ArrayBuffer, DataView, Object URL and Base64 APIs work together to create, slice, read, convert and display binary data in web applications, providing code examples for each operation and detailing their properties, methods, and typical use‑cases.

ArrayBufferBlobFileReader
0 likes · 23 min read
Using JavaScript Blob, File, FileReader, ArrayBuffer, DataView, Object URL and Base64 APIs
vivo Internet Technology
vivo Internet Technology
Jul 6, 2022 · Frontend Development

An Introduction to CSS Houdini: APIs, Usage, and Examples

CSS Houdini exposes low‑level browser rendering APIs to JavaScript, letting developers define custom properties, paints, animations, and layouts with typed objects, high‑performance worklets, and native support that surpasses polyfills, while offering examples, usage patterns, and current browser compatibility details.

Animation APICSS HoudiniPaint API
0 likes · 21 min read
An Introduction to CSS Houdini: APIs, Usage, and Examples
21CTO
21CTO
Jun 28, 2022 · Frontend Development

What’s New in Chrome 104 Beta? Key Front‑End Features Unveiled

Chrome 104 Beta brings region capture for video conferencing, new origin trials like shared element transitions, optional Secure Payment Confirmation opt‑out, updated speculative parsing, multi‑screen window placement, focus‑visible CSS, WebGL color management, and deprecates several legacy APIs, with the stable release slated for August 2.

CSSChromeSecure Payment Confirmation
0 likes · 3 min read
What’s New in Chrome 104 Beta? Key Front‑End Features Unveiled
Laravel Tech Community
Laravel Tech Community
Apr 27, 2022 · Frontend Development

Chrome 101 Release Highlights: FedCM API, Priority Hints, WebUSB Enhancements, CSS Font Palette, and MediaCapabilities Updates

Chrome 101 introduces the experimental Federated Credential Management API, Priority Hints for resource loading, comparable WebUSB objects, a USBDevice.forget() method, deprecation of WebSQL in third‑party contexts, new CSS font‑palette and hwb() features, and an expanded MediaCapabilities API for WebRTC streams.

CSSChromeFedCM
0 likes · 3 min read
Chrome 101 Release Highlights: FedCM API, Priority Hints, WebUSB Enhancements, CSS Font Palette, and MediaCapabilities Updates
IT Services Circle
IT Services Circle
Feb 16, 2022 · Frontend Development

Using Browser Observer APIs: IntersectionObserver, MutationObserver, ResizeObserver, PerformanceObserver, and ReportingObserver

This article explains how to use the five browser Observer APIs—IntersectionObserver, MutationObserver, ResizeObserver, PerformanceObserver, and ReportingObserver—to monitor element visibility, attribute changes, size adjustments, performance metrics, and browser interventions, providing code examples and practical use cases.

IntersectionObserverMutationObserverReportingObserver
0 likes · 10 min read
Using Browser Observer APIs: IntersectionObserver, MutationObserver, ResizeObserver, PerformanceObserver, and ReportingObserver
vivo Internet Technology
vivo Internet Technology
Nov 17, 2021 · Frontend Development

Understanding Chrome Extensions: Architecture, Core Mechanisms, and Practical Use Cases

The article explains Chrome extensions’ architecture—including manifest files, background, popup, and content scripts—and how the extension, render, and browser processes communicate, then showcases practical use cases such as page overrides, cookie control, tab management, request interception, DOM automation, and a multilingual management tool for a global e‑commerce platform.

Browser AutomationChrome ExtensionWeb APIs
0 likes · 13 min read
Understanding Chrome Extensions: Architecture, Core Mechanisms, and Practical Use Cases
Alibaba Terminal Technology
Alibaba Terminal Technology
Sep 26, 2021 · Frontend Development

What’s New in Chrome 94? Exploring WebGPU, WebCodecs, and More

Chrome 94, released on September 21, 2021, introduces 13 new features—including the groundbreaking WebGPU API, WebCodecs, prioritized scheduler.postTask, Idle Detection API, JS Self‑Profiling API, Canvas color management, and early hints—each detailed with usage examples, performance insights, and their impact on modern web development.

ChromeWeb APIsWebGPU
0 likes · 21 min read
What’s New in Chrome 94? Exploring WebGPU, WebCodecs, and More
ByteFE
ByteFE
Apr 29, 2021 · Frontend Development

Avoid Using Functions as Callbacks Unless They Are Designed for It – Common Pitfalls in JavaScript and TypeScript

The article explains how using functions that were not intended as callbacks—such as library utilities, Web APIs, or option objects—can break when array.map or other higher‑order functions pass extra arguments, and it shows safer patterns, TypeScript behavior, and linting hints to prevent these bugs.

CallbacksJavaScriptTypeScript
0 likes · 12 min read
Avoid Using Functions as Callbacks Unless They Are Designed for It – Common Pitfalls in JavaScript and TypeScript
Taobao Frontend Technology
Taobao Frontend Technology
Jan 22, 2021 · Frontend Development

What 2020’s State of JavaScript Reveals About Syntax, Frameworks, and Tools

2020’s State of JavaScript survey, covering 137 countries and nearly 24,000 developers, highlights which language features, browser APIs, frameworks, and tooling have gained traction or lagged behind, offering insights into current front‑end trends such as the rise of TypeScript, Svelte, esbuild, and the modest adoption of WebAssembly.

JavaScriptSvelteWeb APIs
0 likes · 13 min read
What 2020’s State of JavaScript Reveals About Syntax, Frameworks, and Tools
Programmer DD
Programmer DD
Jan 17, 2021 · Frontend Development

Inside Pornhub’s Front‑End: How Adult Sites Drive Web Innovation

An exclusive interview with a Pornhub front‑end engineer reveals how the adult‑industry pushes browser video limits, adopts new Web APIs like IntersectionObserver and Picture‑in‑Picture, and tackles performance, testing, and cross‑platform challenges to stay at the cutting edge of web development.

Web APIsWeb Performancefrontend
0 likes · 11 min read
Inside Pornhub’s Front‑End: How Adult Sites Drive Web Innovation
Alibaba Terminal Technology
Alibaba Terminal Technology
Nov 27, 2020 · Frontend Development

What Chrome 87 Brings: Major Performance Boosts and New Web APIs

Chrome 87 (M87) introduced a suite of performance‑focused enhancements and new web APIs—including tag throttling, occlusion tracking, forward/back cache, WebAuthn debugging, camera PTZ control, range‑request support in service workers, and a font‑access API—significantly improving browser efficiency and developer capabilities.

Camera PTZChromeFont Access
0 likes · 8 min read
What Chrome 87 Brings: Major Performance Boosts and New Web APIs
Laravel Tech Community
Laravel Tech Community
Jul 16, 2020 · Frontend Development

Chrome 84 Release Highlights: App Icon Shortcuts, Web Animations API, Wake Lock, Content Indexing, Idle Detection, and WebAssembly SIMD

Chrome 84 was officially released with a focus on developer‑oriented updates, introducing App Icon Shortcuts, expanded Web Animations API support, Wake Lock and Content Indexing APIs, experimental Idle Detection and WebAssembly SIMD features, as well as continued SameSite cookie policy refinements.

ChromeIdle DetectionWeb APIs
0 likes · 4 min read
Chrome 84 Release Highlights: App Icon Shortcuts, Web Animations API, Wake Lock, Content Indexing, Idle Detection, and WebAssembly SIMD
ITPUB
ITPUB
Mar 9, 2020 · Frontend Development

How Pornhub’s Front‑End Engineers Video, Ads, and Cutting‑Edge Web APIs

In this interview, a senior front‑end engineer from Pornhub reveals how the platform tackles video playback, ad integration, performance monitoring, and emerging Web APIs such as IntersectionObserver, WebXR, and WebRTC, while sharing insights on their tech stack, tooling, and the unique challenges of scaling adult‑content sites.

Web APIsWeb Developmentfrontend
0 likes · 10 min read
How Pornhub’s Front‑End Engineers Video, Ads, and Cutting‑Edge Web APIs
Architecture Digest
Architecture Digest
Jan 5, 2017 · Backend Development

The Past, Present, and Future of APIs: From Mechanical Turk to Autonomous APIs

This article traces the evolution of APIs from early mechanical automata and historic milestones like Deep Blue to today’s REST‑based Web APIs, highlights current challenges such as documentation drift and versioning, and proposes autonomous, self‑describing APIs powered by vocabularies and discovery services.

API discoveryAutonomous APIsWeb APIs
0 likes · 11 min read
The Past, Present, and Future of APIs: From Mechanical Turk to Autonomous APIs
Aotu Lab
Aotu Lab
Jun 14, 2016 · Frontend Development

Safari 10.0: Full‑Stack Web API and Front‑End Feature Guide

Safari 10.0 brings comprehensive support for IndexedDB, Shadow DOM, ES6, WebGL, advanced CSS properties, media autoplay, picture‑in‑picture, WebDriver, and native Apple Pay integration, enabling developers to build richer offline‑capable, secure, and high‑performance web applications on macOS and iOS.

IndexedDBSafariShadow DOM
0 likes · 12 min read
Safari 10.0: Full‑Stack Web API and Front‑End Feature Guide