쫑블log

코드는 전체 소스 코드 에서 확인 가능. Material Design ? Material Design 소개 영상 Material design 3분만에 살펴보기 de Seokin Hwang Material Design 원칙 Material 소재를 대입해서 UI/UX를 종이나 잉크와 같은 소재와의 관계성으로 보도록 하여 User가 알기 쉬운 디자인이 되도록! Object의 움직임을 중요시! (움직임을 위해서 여러 객체에 다이나믹한 애니메이션 추가) Material Design 가이드라인 간략하게 간추려 봤는데, 이 부분은 자세히 읽어보는 것이 좋을 것 같다. (http://blog.naver.com/mtmag/220106922924) [애니메이션] User가 기분 좋게 느끼는 속도 / 액션을 기점으로 하여 ..

Develop/HTML/CSS 2015. 8. 26. 15:20

스펙 각 기기마다 기존 youtube의 너비, 높이 비율대로 유지한 채로? 노출되어야 하고, 모바일 화면을 PC에서 확인했을시 브라우저 창 Resizing할 시, 영상도 함께 리사이징되어야 함. 문제점 초기 로딩했을시에 height지정을 해주지 않으면 납작하게 노출되거나, 아래 (알수 없는)빈 공간도 생겨서 안없어짐. 해결 영상 삽입에 관련해서 구글링해본 뒤, 해결. 전체 소스 코드 확인 가능. height을 지정해주면, 창의 크기가 변경될 때마다 영상의 크기도 함께 변경되지만, 아래와 같이 위아래 검정색 공백?이 생긴다. .pop_video .pop_wrap .video_wrapper{ position:relative; height:500px; overflow:hidden; max-width:100%;..

Develop/HTML/CSS 2015. 8. 24. 14:25