タグ

*Wikiと*Fに関するpmintのブックマーク (8)

  • ウェブ音声 API - Web API | MDN

    This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2018. Learn moreSee full compatibilityReport feedback ウェブ音声 API (Web Speech API) で、音声データをウェブアプリに組み入れることができます。 ウェブ音声 API は、SpeechSynthesis (音声合成Text-to-Speech)と SpeechRecognition (非同期音声認識、Asynchronous Speech Recognition)の 2 つの部分から成り立っています。 ウェブ音声 API は、ウェブアプリが音声デー

    ウェブ音声 API - Web API | MDN
  • イベントリファレンス | MDN

    イベントは、コードの実行に影響を与える可能性のある「興味深い変化」をコードに通知するために発行されます。これは、マウス操作やウィンドウのサイズ変更などのユーザー操作や、環境の変化 (バッテリー残量の低下や OS のメディアイベントなど)、その他の原因によって発行されます。 それぞれのイベントは、 Event インターフェイスに基づいたオブジェクトで表現され、何が起こったかについての情報を提供するために、追加のカスタムフィールドや関数を持つことがあります。各イベントのドキュメントには、関連するイベントインターフェイスへのリンクや、その他の関連情報を含む表が (上部付近に) あります。イベントの種類の一覧は、イベント > Event を基にしたインターフェイスにあります。 この記事では、興味のありそうな主なイベントの種類 (アニメーション、クリップボード、ワーカーなど) と、それらの種類のイベ

    イベントリファレンス | MDN
    pmint
    pmint 2021/06/24
    Web APIのイベント大全
  • History - Web API | MDN

    History インターフェイスで、ブラウザーのセッション履歴、つまり現在のページが読み込まれたタブまたはフレームで訪問したページを操作することができます。 history のインスタンスは 1 つしかなく(シングルトンです)、グローバルオブジェクト history を通してアクセスできます。 History インターフェイスは何もプロパティを継承していません。 length 読取専用 現在読み込まれているページを含むセッション履歴の要素数を表す Integer を返します。たとえば、新しいタブで読み込まれたページのこのプロパティは 1 を返します。 scrollRestoration ウェブアプリケーションが履歴の操作で既定のスクロール位置の復元を明示的に設定できるようにします。このプロパティは auto または manual を指定することができます。 state 読取専用 履歴スタッ

    History - Web API | MDN
    pmint
    pmint 2021/06/23
    scrollRestoration, state など
  • Polyfill.io

    What is Polyfill.io? It's a service which accepts a request for a set of browser features and returns only the polyfills that are needed by the requesting browser. Why do I need it? There are lots of differing browsers and browser versions in use throughout the world, each one has a slightly different set of features to the rest. This can make developing for browsers a difficult task. The latest v

  • Hands-on with Portals: seamless navigation on the web  |  Articles  |  web.dev

    Hands-on with Portals: seamless navigation on the web Stay organized with collections Save and categorize content based on your preferences. Making sure your pages load fast is key to delivering a good user experience. But one area we often overlook is page transitions—what our users see when they move between pages. A new web platform API proposal called Portals aims to help with this by streamli

    pmint
    pmint 2019/05/22
    Portalsの例。ページ遷移なしに、クロスオリジンにもならずにウィジェットが動く例。「トップレベルナビゲーション」とは言ってるけど、そうは見えない画面演出。/ 動画。Googleのイベントではてな社が紹介されている。
  • Gyazoが配信する画像にContent-DPRヘッダーを付与するようになりました - Gyazo Blog

    Gyazoが配信するスクリーンショット画像にContent-DPR ヘッダーを付与するようにする変更を先日行いました。新しくアップロードされた画像に関しては一律でこのHTTPヘッダーが付与されるようになっています。 % curl -I https://i.gyazo.com/a113d75559f81cfbdddfec35354b78b0.png | grep content % Total % Received % Xferd Average Speed Time Time Time Current Dload Upload Total Spent Left Speed 0 106k 0 0 0 0 0 0 --:--:-- 0:00:03 --:--:-- 0 content-type: image/png content-length: 108629 content-dpr: 2.0

    Gyazoが配信する画像にContent-DPRヘッダーを付与するようになりました - Gyazo Blog
    pmint
    pmint 2019/03/23
  • Basic concepts of scroll snap - CSS: Cascading Style Sheets | MDN

    CSS Tutorials CSS basics CSS first steps CSS first steps overview What is CSS? Getting started with CSS How CSS is structured How CSS works Assessment: Styling a biography page CSS building blocks CSS building blocks overview CSS selectors Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators Cascade, specificity, and inheritance Cascade layers The box mo

    Basic concepts of scroll snap - CSS: Cascading Style Sheets | MDN
    pmint
    pmint 2019/01/24
    ピタリと止まるスクロール。こんなのもブラウザーが実装する時代。
  • プログレッシブウェブアプリ (PWA) | MDN

    プログレッシブウェブアプリ (Progressive web apps, PWA) は、新しいウェブ API と伝統的なプログレッシブな拡張戦略を使用して、クロスプラットフォームのウェブアプリケーションにネイティブアプリと同様の使い勝手をもたらすウェブアプリのことです。プログレッシブウェブアプリは正式な標準ではありませんが、有用なデザインパターンです。 PWA は、特定のウェブ技術や技法の使用を含む、一連のアプリケーション属性を包含しているという点で AJAX や他の同様のパターンに似ていると考えることができます。この一連の文書では、これについて知るために必要なすべてをお伝えします。 ウェブアプリを PWA と呼ぶには、技術的に言えば、 安全なコンテキスト (HTTPS)、1 つ以上のサービスワーカー、マニフェストファイルを持つべきです。 安全なコンテキスト (HTTPS) このウェブアプ

    プログレッシブウェブアプリ (PWA) | MDN
    pmint
    pmint 2018/05/11
    PWAに必要な技術、APIの一覧。
  • 1