JavaScript

Apple has introduced MapKit JS 6 with changes aimed at modern web development workflows. The WebKit post describes updates including website-bound tokens, an npm loader package, selective library loading, Promise-based APIs, and browser-standard event handling for developers adding Apple Maps to websites and web apps. ...more

Google has detailed WebMCP support for Chrome 149, giving developers a way to test structured website tools for browser-based AI agents. The proposed API lets sites expose JavaScript tools and annotated HTML forms, while Chrome DevTools adds experimental support for inspecting and testing tool calls. ...more

Philip Norton’s second Drupal 11 link directory article continues Hashbang Code’s series on building a screenshot-backed directory. After Part 1 used headless Chromium for screenshots, Part 2 shifts to a Chrome extension and custom Drupal REST resource to capture fixed-size images and send link data back to the site. ...more

Amrendra Mourya reflects on how Drupal’s structured content architecture and the MERN stack’s JavaScript-driven flexibility can work together in modern web development. In his LinkedIn article, he argues that hybrid, layered architectures often offer more value than framing platforms as competitors. ...more

A live demo failure led to a deep dive into Drupal’s JavaScript loader, revealing how one small markup error can break an entire page. ...more

Uppy brings next-level file uploading to Drupal with a sleek interface and inline image editing. The “File uploader by Uppy” module adds drag-and-drop uploads and seamless integration with Drupal. It supports multilingual sites, customisation options, and advanced image controls. Learn how to install, configure, and streamline file workflows using Uppy in your Drupal setup. ...more

Mike Herchel demystifies the <code class="inline">Drupal.displace()</code> API in a guest post for Drupalize.me, explaining how it helps front-end developers manage layout offsets caused by admin toolbars and fixed-position elements. Through practical CSS and JavaScript examples, he shows how this tool ensures interface consistency—even in RTL contexts. ...more

Dries Buytaert has updated his personal photo stream on a Drupal site by replacing a JavaScript-based infinite scroll implementation with a cleaner, attribute-driven approach using htmx. The result is less code and a smoother integration with Drupal core's growing support for modern front-end techniques. ...more

Velir's latest guide explores building custom tools for Optimizely’s Opal AI, enabling advanced integrations and automation through self-hosted apps. Using Node.js and Express.js, teams can connect external systems, expose capabilities via the /discovery endpoint, and empower AI agents to act across platforms with custom logic and secured APIs. ...more

Balint Kleri’s blog post explores how Drupal Canvas enables fully decoupled frontend development using React-based Code Components, a browser-based editor, and CLI tools. From Storybook integration to Nuxt previews and server-side rendering, the guide demonstrates advanced use cases for modern frontend workflows with Drupal at the center. ...more

Théodore Biadala has introduced HTMX support in Drupal’s BigPipe module, reducing JavaScript size and paving the way for a modern frontend architecture. This move is part of a broader effort to replace the aging Ajax framework with a more efficient, DOM-driven approach. ...more

Frontend developer Mari Núñez of Four Kitchens shares a detailed tutorial on building a dynamic parallax slideshow in Drupal. The guide covers structuring Paragraph components, integrating with Emulsify, and using JavaScript for smooth scroll-based transitions. Ideal for themers, it blends performance-conscious design with immersive user experience techniques. ...more