타입폼
타입폼은 구글 설문에 전문화된 도구
후원을 모집한다고 가정하고 후원페이지를 만드는 법
타입폼 홈페이지
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://www.youtube.com/watch?v=jWJxo89IWr8&list=PLuHgQVnccGMBttjsCipjhWgf6urfjTn14&index=32
왕초보