タグ

2019年12月21日のブックマーク (2件)

  • もう逃げない。HTMLのviewportをちゃんと理解する

    <meta name="viewport" content="width=device-width,initial-scale=1"> と呪文のように書いてきたが、いい加減ちゃんと整理して理解しよう。 いろいろ調査した結果、以下の考え方で理解できると思う。 まず、実際の液晶の解像度は一旦忘れろ。 <meta name="viewport" content="width=480">と指定したとする。 するとそこに幅480pxの仮想的なウインドウが作られる。幅480pxの液晶モニターがあることをイメージして欲しい。これをviewportと呼ぶ。 ブラウザはviewportにレンダリングする。viewportの中では、あたかも当に480pxのモニターを使っているかのような環境になっている。なので、JSのdocument.documentElement.clientWidthなんかも480を返す

    もう逃げない。HTMLのviewportをちゃんと理解する
    tsuyossii
    tsuyossii 2019/12/21
  • ビデオ編集アプリ「Clips」では何ができる? 背景を合成できる「シーン」や「エフェクト」の使い方

    Apple純正のビデオ編集アプリとして、ひそかに人気を集めている「Clips」。iPhone Xで背景をリアルタイムに合成できる「シーン」、簡単にテキストを入れられる「エフェクト」などの機能を見てみましょう。 Appleの「Clips」(クリップス)は、日常を短いビデオとして切り取ってシェアできる無料のiPhoneアプリ。その場で撮影したビデオや保存済みの動画にフィルタを適用したり、テキストを入れたりできます。 最初は使い方にちょっと戸惑いますが、細かいことは気にせずサクサク編集できるのは、ほかのアプリにはない楽しい感覚です。iPhoneでビデオを撮影するのが好きな人は、ぜひ使ってみることをオススメします! Clipsには多彩な機能がありますが、ここでは特に魅力的な機能として「シーン」「エフェクト」「ポスター」の3つを紹介します。手順で作成したビデオは、最後にサンプルとして公開しています。

    ビデオ編集アプリ「Clips」では何ができる? 背景を合成できる「シーン」や「エフェクト」の使い方
    tsuyossii
    tsuyossii 2019/12/21