기술 튜토리얼 🍴

JJINE·2020년 6월 28일
2

podo🍇

목록 보기
2/3

참고 영상

  1. 인터랙티브 디벨로퍼 : Interactive Developer
    화면에 튕기는 공 만들기
    코드로 움직이는 웨이브 만들기

    이 영상을 선택한 이유는 내가 자바스크립트 중에서 캔버스 부분이 취약하다는 것을 느끼고 캔버스를 이용한 웹 아트워크 디자인을 찾던 중 이 영상이 알맞다고 생각되어 선택했다. 웹 아트워크 #1 나만의 파도 만들어보기 벨로그에 코드로 움직이는 웨이브 만들기 영상을 보고 자기 코드로 해석하신 분이 계신데, 감명 깊어서 나도 해보고 싶어졌다.

  2. 코딩왕홍키
    로그인 페이지 만들기 실무편 | 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

    기능대회하면서 느끼는 생각은 개발 능력도 중요하지만 이런 디자인 요소 부분에서도 중요하다고 느껴져 마우스 호버 시 나타나는 애니메이션 효과라든지 인풋에 적용되는 라벨을 이용하는 것도 나쁘지 않는 거 같아서 참고할 영상들이다.

  3. Webstoryboy
    01. 반응형 사이트 만들기(2019) - 시멘틱 태그

    사실 기능반을 하면서 시맨틱 구조를 모를까했지만 반응형 사이트를 제대로 구축을 못하는 나레기한테 꼭 필요한 영상이지 않을까싶다. 요즘은 PC버전 뿐 만 아니라 창모드 하여 480px 정도 만들어졌을 때 그에 맞는 모바일 디자인도 선호한다. 그렇기 때문에 기능반에서 배웠던 부분들이랑 유튜브에 알려져있는 부분들을 세세히 참고하면 더 좋은 코드로 발전 나아가지 않을까하여 이 유튜버 영상을 한 번 참고해볼 예정이다.
profile
어쩌다보니 개발자 꿈을 꾸는 학생

0개의 댓글