動画とコンテンツ部分を重ねるCSSもいたって簡単。動画とPタグを重ねあわせ、レイヤーにして表示することができます。静止画も用意さらにBeyoncéのサイトでは動画が見れないブラウザ用に静止画も用意しています。ありがたい気遣いですね。CodePen.Beyoncéのサイトのように全画面表示すると迫力も増しますね!動画とコンテンツの配置次第で様々なデザインに応用できそうです。Taylor氏のサイトを見てみましょう。したミニマルなデザインですね。シンプルなテキストのみのデザインとなっていますが、スクロールしていくと背景に画像が使われていることがわかります。実はテキスト部分も背景画像の一部で、テキスト部分がきり抜かれているのです。マスクをかけているわけです。背景に画像を使用まずはきり抜くところ以外の部分を作っていきます。文字の部分(ここではPタグ)の背景に画像を使います。基本的なHTMLとCSSですね。いうCSSが使われています。テキストの色も透明にして画像のみを表示させます。CodePen.フォントにこだわればさらに美しいデザインになりそうです。グラデーションをかけた文字も簡単に実装できそうですね。対応ブラウザは今のところChromeとSafariのみなので、他ブラウザーで見ても違和感のないデザインを考える必要がありそう。「なにこれすごい!」と思うサイトでも、よく見ると簡単なやり方で作られている事もあります(そうじゃない場合もありますが...)。いった自分なりにサイトを研究したり、実践することは、今や勉強というより趣味となってしまっていますが、その積み重ねが大切なんじゃないかなあと思っています。amいつもながら参考になります。pm参考にさせていただきます。am11ニュースレターWeb制作の最新情報やWebクリエイターボックスからのお知らせ、中の人の近況等を定期的にお送りいたします。中の人ってこんな人Webデザイナー+WebデベロッパーのManaです。日本で2年間グラフィックデザイナーとして働いた後、カナダ・バンクーバーにあるWeb制作の学校を卒業。カナダやオーストラリア、イギリスの企業でWebデザイナーとして働きました。詳しく知りたいという方は詳細ページへ。@chibimanaでつぶやいてます。Webクリエイターボックス。