Fill OTP forms within cross-origin iframes with WebOTP API | Articles | web.dev
SMS OTPs (one-time passwords) are commonly used to verify phone numbers, for example as a second step in authentication, or to verify payments on the web. However, switching between the browser and the SMS app, to copy-paste or manually enter the OTP makes it easy to make mistakes and adds friction to the user experience. The WebOTP API gives websites the ability to programmatically obtain the one
Debug layout shifts | Articles | web.dev
Published: Mar 11, 2021, Last updated: Feb 7, 2025 The first part of this article discusses tooling for debugging layout shifts, while the second part discusses the thought process to use when identifying the cause of a layout shift. Tooling You can debug Layout Shifts using the Layout Instability API, or with tooling like DevTools that summarizes data from this API in a more easily digestible for
"Cancelable" Smooth Scrolling | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. Here’s the situation: Your site offers a “scroll back to top” button, and you’ve implemented smooth scrolling. As the page scrolls back to the top, users see something that catches their eye and they want to stop the scrolling, so they do a smidge of a scroll on the mouse wheel,, trackpad, or whate
assert.CallTracker と must-call - from scratch
この記事はリクルートエンジニアアドベントカレンダーの2日目の記事です。過ぎてるかもしれませんが、メンバーから脅迫されて書いてます。 assert.CallTracker Node.js で experimental な API として assert.CallTracker がv14 で追加されました。 この機能は呼び出された回数を検証するという機能を持った新しい assert 関数です。 コールバック関数をテストする際に使える便利関数です。機能としては地味ですが、使いこなせると便利なので紹介します。 const assert = require('assert'); const tracker = new assert.CallTracker(); function func() {} // 一度だけ呼ばれることを期待 const callsfunc = tracker.calls(fun
Links to cross-origin destinations are unsafe | Lighthouse | Chrome for Developers
When you link to a page on another site using the target="_blank" attribute, you can expose your site to performance and security issues: The other page may run on the same process as your page. If the other page is running a lot of JavaScript, your page's performance may suffer. The other page can access your window object with the window.opener property. This may allow the other page to redirect
Mock Service Worker
import { http, HttpResponse } from 'msw'import { setupWorker } from 'msw/browser' // Describe the network.const handlers = [ http.get('https://acme.com/product/:id', ({ params }) => { return HttpResponse.json({ id: params.id, title: 'Porcelain Mug', price: 9.99, }) }),] // Enable API mocking anywhere.const worker = setupWorker(...handlers)await worker.start() Omit implementation details Intercept
Back/forward cache | Articles | web.dev
Check out this video of bfcache in action to understand the speed up it can bring to navigations: Using bfcache makes pages load much more quickly during back and forward navigation. In the video, the example with bfcache is quite a bit faster than the example without it. bfcache not only speeds up navigation, it also reduces data usage, since resources don't have to be downloaded again. Chrome us
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - evanw/esbuild: An extremely fast bundler for the web
Vue 3は大規模な使用に取り組むための新しいAPIと共にリリースされた
GitHub - matt-way/gifuct-js: Fastest javascript .GIF decoder/parser
Inertia.JSでAPI不要のモノリシックReact/Vue/Sevlteアプリケーションが記述可能に
GitHub - jerryscript-project/jerryscript: Ultra-lightweight JavaScript engine for the Internet of Things.
GitHub - forgojs/forgo: An ultra-light UI runtime
GitHub - github/jtml: Write HTML in JavaScript, using template-tags.
新しいFacebook.comの最適化戦略 - React ConfでのAshley Watkins氏の講演
Facebook.comの再設計：持続可能なパフォーマンスのためのスタックと戦略
Rustで書かれた新しい高速JavaScriptリントツール、RSLint
GitHub - bikeshaving/crank: The Just JavaScript Framework
GitHub - repeaterjs/repeater: The missing constructor for creating safe async iterators
Crank: レンダリングを備えた新しいフロントエンドフレームワーク - 作者のBrian Kim氏に聞く
