タグ

ブックマーク / web.dev (5)

  • ResizeObserver: it's like document.onresize for elements  |  Articles  |  web.dev

    ResizeObserver: it's like document.onresize for elements Stay organized with collections Save and categorize content based on your preferences. Before ResizeObserver, you had to attach a listener to the document's resize event to get notified of any change of the viewport's dimensions. In the event handler, you would then have to figure out which elements have been affected by that change and call

    ottonove
    ottonove 2018/12/17
  • ウェブ向けのストレージ  |  Articles  |  web.dev

    ウェブ向けのストレージ コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 インターネット接続は不安定であったり、存在しない場合があります。そのため、プログレッシブ ウェブアプリでは、オフライン サポートと信頼性の高いパフォーマンスが一般的な機能となっています。完全なワイヤレス環境であっても、キャッシュやその他のストレージ技術を適切に使用することで、ユーザー エクスペリエンスが大幅に向上する可能性があります。静的なアプリケーション リソース(HTMLJavaScriptCSS、画像など)とデータ(ユーザーデータ、ニュース記事など)をキャッシュに保存するには、いくつかの方法があります。では、どちらのソリューションが最適なのでしょうか。どれくらい保存できますか?強制排除を防ぐにはどうすればよいですか? 何を使用すればよいですか? リソースの保存に関する一般的な

    ottonove
    ottonove 2018/11/24
  • ユーザーの音声の録音  |  Articles  |  web.dev

    ユーザーの音声の録音 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 多くのブラウザで、ユーザーの映像と音声入力にアクセスできるようになりました。ただし、ブラウザによっては、完全に動的なインライン エクスペリエンスになる場合や、ユーザーのデバイス上の別のアプリに委任される場合があります。 シンプルかつ段階的に始める 最も簡単な方法は、事前に録音したファイルをユーザーに尋ねることです。これを行うには、シンプルなファイル入力要素を作成し、音声ファイルのみを受け入れることを示す accept フィルタと、マイクから直接取得する必要があることを示す capture 属性を追加します。 <input type="file" accept="audio/*" capture /> この方法はすべてのプラットフォームで機能します。パソコンの場合、ファイル システムからフ

    ottonove
    ottonove 2018/11/24
  • Progressive Web Apps  |  web.dev

    Progressive Web Apps  |  web.dev
    ottonove
    ottonove 2017/10/29
  • Responsive web design basics  |  Articles  |  web.dev

    Responsive web design basics Stay organized with collections Save and categorize content based on your preferences. As the number of mobile phone users on the internet increases, it has become more and more important for web designers to lay out content in ways that work well for a variety of screen sizes. Responsive web design, originally defined by Ethan Marcotte in A List Apart, is a design str

  • 1