Internationalize your keyboard controls – Mozilla Hacks - the Web developer blog
Recently I came across two lovely new graphical demos, and in both cases, the controls would not work on my French AZERTY keyboard. There was the wonderful WebGL 2 technological demo After The Flood, and the very cute Alpaca Peck. Shaw was nice enough to fix the latter when I told him about the issue. It turns out the web browser actually exposes a useful API for this. Let’s investigate further. O
Polyfill のあり方と Web の進化と協調するためのガイドライン | blog.jxck.io
Intro W3C の TAG から、主にブラウザ API の Polyfill に関するドキュメントが公開された。 Polyfills and the evolution of the Web Polyfill は便利な一方で、時として標準化の妨げになってしまう場合があるため、それを避けるために、Polyfill 実装者、利用者、仕様策定者などが、どう振る舞うべきかという趣旨である。 今回はこの内容を元に、Web の進化と協調する Polyfill のあり方について、主に「実装者」がどうすべきかに着目し記す。 Web における Breaking Change Breaking Change は、簡単に言えば 後方互換を失うことで既存のものが壊れる可能性がある変更 のことを表す。 そして、Web における Breaking Change (Break the Web)、具体的には Web
What’s new in IndexedDB 2.0? – Mozilla Hacks - the Web developer blog
The draft of Indexed Database API 2.0 is almost complete, providing several new APIs for fine-grained access to IndexedDB. The good news is that all these new APIs are implemented in Firefox and will be available in the release of Firefox 51 (currently available in Developer Edition, scheduled for general release in January 2017). In this article, we will share some examples of how to use these AP
Cooperative Scheduling with requestIdleCallback – Mozilla Hacks - the Web developer blog
TL;DR: requestIdleCallback support has landed in Firefox Nightly, with plans to ship in Firefox 52. The messiest aspect of building interactive websites boils down to this: the main thread is the same as the UI thread. Rendering the page and responding to user actions happens in contention with computation, network activity, and manipulation of the DOM. Some of these things can be moved to another
Integrate with the OS sharing UI with the Web Share API | Articles | web.dev
With the Web Share API, web apps are able to use the same system-provided share capabilities as platform-specific apps. The Web Share API makes it possible for web apps to share links, text, and files to other apps installed on the device in the same way as platform-specific apps. System-level share target picker with an installed PWA as an option. Capabilities and limitations Web share has the fo
permission.site
Notifications Location Camera Microphone Camera + Microphone Pan-Tilt-Zoom Pan-Tilt-Zoom + Microphone Screen Share MIDI MIDI + SysEx Bluetooth USB Serial HID Encrypted Media (EME) Idle Detection Persistent Storage Protocol Handler WebAuthn Attestation NFC Virtual Reality (VR) Augmented Reality (AR) Device Orientation Device Motion <keygen> Fullscreen Pointer Lock Keyboard Lock Copy Auto Download P
Payment Request APIを試す - mmag
Payment Request APIという仕様の策定が進んでいるという話を聞きまして、ちょっと触ってみました。 あまりコードは書いてないですが、ここに置いてあります。 github.com https://joe-noh.github.io/payment_request_api/でも試せるようにしてあります。108円取られそうになりますが、途中で失敗して中断するようになってます。 できること ECサイトなんかで買い物をするとき、フォームにクレカ番号とか届け先とかを入力すると思いますが、あの辺の情報の入力をブラウザに丸投げできちゃいます。言葉で書くより、以下のページのスクショを眺めたほうが速いと思いますので貼っておきます。 developers.google.com ここではブラウザの画面で説明されていますが、今後はPCはもちろんもっと多様なデバイスで使えるようになって、夢が広がるねとい
Persistent storage | Articles | web.dev
// Check if site's storage has been marked as persistent if (navigator.storage && navigator.storage.persist) { const isPersisted = await navigator.storage.persisted(); console.log(`Persisted storage granted: ${isPersisted}`); } When should I ask for persistent storage? The best time to request your storage be marked as persistent is when you save critical user data, and the request should ideally
Streamlining the Sign-in Flow Using Credential Management API | Web Updates - Google Developers
To provide a sophisticated user experience, it's important to help users authenticate themselves to your website. Authenticated users can interact with each other using a dedicated profile, sync data across devices, or process data while offline; the list goes on and on. But creating, remembering and typing passwords tends to be cumbersome for end users, especially on mobile screens which leads th
IntersectionObserver’s coming into view - Chrome Developers
IntersectionObserver’s coming into viewPublished on Wednesday, April 20, 2016 • Updated on Tuesday, October 3, 2017 Let’s say you want to track when an element in your DOM enters the visible viewport. You might want to do this so you can lazy-load images just in time or because you need to know if the user is actually looking at a certain ad banner. You can do that by hooking up the scroll event o
JavaScript’s new IntersectionObserver
The new IntersectionObserver landed in Chromium about a week ago. I find it pretty awesome and wanted to do a quick run down on it. This new API eliminates a lot of the headaches where you would have to do things like poll the page to determine when a element is visible. For example, I have a tab that is not selected and it contains some widget that needs to size itself. I hacked around it like th
The State of Browser APIs - 1
Before here we again to inspect over the some browser API interfaces which are available for a while, before some weeks ago, I remembered the first computer production and tried the think about the people's expectations from them. They might think that the "word processors" had the ability to do our work like cleaning houses, release a car model or make a plane fly without its pilot. The computer
Shims rIC in case a browser doesn't support it.
requestIdleCallback.js ��) ��� /*! * Copyright 2015 Google Inc. All rights reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under
Using requestIdleCallback | Blog | Chrome for Developers
Many sites and apps have a lot of scripts to execute. Your JavaScript often needs to be run as soon as possible, but at the same time you don’t want it to get in the user’s way. If you send analytics data when the user is scrolling the page, or you append elements to the DOM while they happen to be tapping on the button, your web app can become unresponsive, resulting in a poor user experience. Th
Geofencing API
Geofencing API W3C Working Group Note 30 May 2017 This version: https://www.w3.org/TR/2017/NOTE-geofencing-20170530/ Latest published version: https://www.w3.org/TR/geofencing/ Previous version: https://www.w3.org/TR/2015/WD-geofencing-20150604/ Latest editor's draft: https://w3c.github.io/geofencing-api/ Editor: Marijn Kruisselbrink, Google GitHub: Repository Copyright © 2017 W3C® (MIT, ERCIM, Ke
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Three Real-World Uses for Mutation Observer - Eager Blog
Why doesn't `fetch` reject if 400 ≤ status < 600? · Issue #18 · whatwg/fetch
DigitalOcean
indexed-db-observers/EXPLAINER.md at gh-pages · dmurph/indexed-db-observers
Add IntersectionObserver polyfill by surma · Pull Request #116 · w3c/IntersectionObserver