참고 영상
- 인터랙티브 디벨로퍼 : Interactive Developer
화면에 튕기는 공 만들기
코드로 움직이는 웨이브 만들기
이 영상을 선택한 이유는 내가 자바스크립트 중에서 캔버스 부분이 취약하다는 것을 느끼고 캔버스를 이용한 웹 아트워크 디자인을 찾던 중 이 영상이 알맞다고 생각되어 선택했다. 웹 아트워크 #1 나만의 파도 만들어보기 벨로그에 코드로 움직이는 웨이브 만들기 영상을 보고 자기 코드로 해석하신 분이 계신데, 감명 깊어서 나도 해보고 싶어졌다.
- 코딩왕홍키
로그인 페이지 만들기 실무편 | Animated Login page Tutorial (Label Text Animation)
CSS3 Menu hover effects, HTML5 & CSS3
Main Index Full Screen Animated | Landing Page Animation Tutorial
Nike Shoe Hover Effect & Perspective Transform 3D Animation, Html5 & CSS3
Navigation Bar With Mouse Hover Effect, HTML5 & CSS3
Figure Tag List Hover Text Animation, Html5 & CSS3
기능대회하면서 느끼는 생각은 개발 능력도 중요하지만 이런 디자인 요소 부분에서도 중요하다고 느껴져 마우스 호버 시 나타나는 애니메이션 효과라든지 인풋에 적용되는 라벨을 이용하는 것도 나쁘지 않는 거 같아서 참고할 영상들이다.
- Webstoryboy
01. 반응형 사이트 만들기(2019) - 시멘틱 태그
사실 기능반을 하면서 시맨틱 구조를 모를까했지만 반응형 사이트를 제대로 구축을 못하는 나레기한테 꼭 필요한 영상이지 않을까싶다. 요즘은 PC버전 뿐 만 아니라 창모드 하여 480px 정도 만들어졌을 때 그에 맞는 모바일 디자인도 선호한다. 그렇기 때문에 기능반에서 배웠던 부분들이랑 유튜브에 알려져있는 부분들을 세세히 참고하면 더 좋은 코드로 발전 나아가지 않을까하여 이 유튜버 영상을 한 번 참고해볼 예정이다.
