Web開発レシピ(フォーム、アニメーショングラフィックライブラリ)--5

6039 ワード
テキストリンク

せいけい


タイプフォームはグーグル調査の専門ツールです
後援者を募集し、後援ページを作成する方法を想定します.
フォームのホームページ
http://typeform.com/
ここまでスキップして
https://www.youtube.com/watch?v=5jrO2fJzTvc&list=PLuHgQVnccGMBttjsCipjhWgf6urfjTn14&index=27

ランダム画像の背景


アップするたびに写真が変わります
<!doctype html>
<html>

<head>
 <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200" rel="stylesheet">
  <style>
    body{
      background-image: url('https://source.unsplash.com/category/nature/1600x900');
      background-size: cover;
      min-height:100vh;
      margin:0;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    h1{
      background-color: rgba(255, 255, 255, 0.3);
      padding:0.3rem;
      color:rgb(0, 0, 0);
      font-family: 'Source Sans Pro', sans-serif;
      font-weight: 200;
    }
  </style>
</head>

<body>
<h1>world is upon you.</h1>
</body>

</html>

アニメーショングラフィックライブラリ


フラッシュメモリを使用して高度なアニメーションを実行できるライブラリ.
https://mojs.github.io/
ライブラリを使用するレッスンに一旦スキップします.
https://www.youtube.com/watch?v=jWJxo89IWr8&list=PLuHgQVnccGMBttjsCipjhWgf6urfjTn14&index=32

高精度テンプレートclass
text-indent