CSS

Web Programming

[javascript30] 3일차

2021.07.17

안녕하세요 오늘도 자스 연습을 해보도록 하겠습니다 1. 오늘의 과제는? 오늘은 js를 사용해서 실시간으로 CSS변화를 만드는 애플리케이션을 만들어야 합니다. 우선 start.html 파일은 이러합니다. Update CSS Variables with JS Spacing: Blur: Base Color 여기서 시작해서 finished 버전과 같게 동작하게 만들면 됩니다. 2. 내가 만든 파일 CSS 파일 body { text-align: center; background-color: #193549; color: white; font-weight: 100; font-size: 50px; } .controls { margin-bottom: 50px; } input { width: 100px; } img { fi..

Web Programming

[miniProject] html/css 연습 - 다른 웹사이트 따라해보기

2021.07.13

안녕하세요 오늘은 유튜브보다가 괜찮은걸 봐서 한번 시도해봤습니다. 바로 https://dribbble.com/ 위 사이트에서 여러가지 웹디자인이 있는데 최대한 따라해보는 것입니다. 저같은 경우에는 이런 디자인을 대상으로 최대한 따라해보는걸 시도해봤습니다. 그래서 최종적으로는 이러한 디자인이 나왔습니다. 화면 좌상단의 아이콘은 https://fontawesome.com/start 이 폰트어썸이라는 사이트에서 구했습니다. 그리고 화면 우측의 그림은 https://pixabay.com/ko/vectors/%ea%b3%bc%ed%95%99-%ec%8b%a4%ed%97%98-%ec%97%b0%ea%b5%ac-%ec%97%b0%ea%b5%ac%ec%8b%a4-6063326/ 이 사이트에서 구했습니다. 이렇게 간단한..

[javascript30] 3일차

[miniProject] html/css 연습 - 다른 웹사이트 따라해보기

티스토리툴바