9 Times the Web Platform Was Influenced by Libraries | Jad Joubran
The web platform didn't invent most of its best APIs. It caught up to them. Libraries did the R&D work in production. They got tested by thousands of developers across thousands of codebases, which is the kind of feedback you can't simulate. They got bug reports. They iterated. And, the patterns that survived eventually became part of the platform itself. If you've been writing JavaScript for a wh
Modern Cookie Management with the Cookie Store API
Learn how the Cookie Store API modernizes cookie management with async operations and event handling for efficient, error-free web development. The browser Cookie Store API represents a modern approach to handling cookies in web applications. The way we’ve always done it is using document.cookie which is error-prone because you have to work with key/value pairs in a string. Besides being error-pro
ArrayBuffer.prototype.transfer() - JavaScript | MDN
Parameters newByteLength Optional The byteLength of the new ArrayBuffer. Defaults to the byteLength of this ArrayBuffer. If newByteLength is smaller than the byteLength of this ArrayBuffer, the "overflowing" bytes are dropped. If newByteLength is larger than the byteLength of this ArrayBuffer, the extra bytes are filled with zeros. If this ArrayBuffer is resizable, newByteLength must not be greate
HTML DOM — Phuoc Nguyen
Web development moves at lightning speed. I still remember when I first started using libraries like jQuery, Prototype, script.aculo.us, Zepto, and many more. Even with modern tools like Angular, VueJS, React, Solid and Svelte, we still have to deal with the Document Object Model (DOM). While these frameworks encapsulate and hide direct DOM management, they still give us access to work with the DO
Safe DOM manipulation with the Sanitizer API | Articles | web.dev
const user_input = `<em>hello world</em><img src="" onerror=alert(0)>` $div.innerHTML = user_input If you escape HTML special characters in the input string or expand it using .textContent, alert(0) isn't executed. However, since <em> added by the user is also expanded as a string as it is, this method cannot be used in order to keep the text decoration in HTML. The best thing to do here is not es
URLPattern brings routing to the web platform | Web Platform | Chrome for Developers
Published: July 22, 2021 Routing is a key piece of every web application. At its heart, routing takes a URL, applies a pattern matching or other app-specific logic to it, and then, usually, displays web content based on the result. Routing might be implemented in a number of ways: Server code that maps paths to files on a disk Logic in a single-page app that waits for changes to the current locati
Better JS scheduling with isInputPending() | Capabilities | Chrome for Developers
Loading fast is hard. Sites that leverage JS to render their content currently have to make a trade-off between load performance and input responsiveness: either perform all the work needed for display all at once (better load performance, worse input responsiveness), or chunk the work into smaller tasks in order to remain responsive to input and paint (worse load performance, better input respons
Cookie Store API Explainer
Cookie Store API Explainer This proposal has the following main goals. Expose HTTP cookies to service workers. Offer an asynchronous alternative to document.cookie. While accomplishing the goals above, the proposal gained the following nice-to-have properties. Cookies expose the parsed components of the cookie-related HTTP headers. Script does not need to parse or serialize HTTP headers. The APIs
Video processing with WebCodecs | Web Platform | Chrome for Developers
Modern web technologies provide ample ways to work with video. Media Stream API, Media Recording API, Media Source API, and WebRTC API add up to a rich tool set for recording, transferring, and playing video streams. While solving certain high-level tasks, these APIs don't let web programmers work with individual components of a video stream such as frames and unmuxed chunks of encoded video or au
Manage several displays with the Window Management API | Capabilities | Chrome for Developers
Published: September 14, 2020 Window Management API The Window Management API lets you enumerate the displays connected to your machine and to place windows on specific screens. Suggested use cases Examples of sites that may use this API include: Multi-window graphics editors à la Gimp can place various editing tools in accurately positioned windows. Virtual trading desks can show market trends in
An Introduction to the Picture-in-Picture Web API | CSS-Tricks
How to use the Picture-In-Picture API Let’s start by adding a video to a webpage. <video controls src="video.mp4"></video> In Chrome, there will already be a toggle for entering and exiting Picture-in-Picture mode. To test Firefox’s implementation, you’ll need to enable the media.videocontrols.picture-in-picture.enabled flag in about:config first, then right-click on the video to find the picture-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Compression Streams are now supported on all browsers | Blog | web.dev
display-locking/explainers/isvisible.md at main · WICG/display-locking
Define self.structuredClone() · whatwg/html@1b5099f
GitHub - WICG/shared-storage: Explainer for proposed web platform Shared Storage API
scheduling-apis/explainers/prioritized-post-task.md at main · WICG/scheduling-apis
GitHub - WICG/uuid: UUID V4
Intent to Prototype: App history API
GitHub - slightlyoff/history_api: Some ideas for to improve history state on the web
https://wicg.github.io/compression/