개발일지/2016

See the Pen CSS Drawing - 10. Apeach (Kakao Friends) by zinee (@zineeworld) on CodePen. 뭐 좀... 덜 비슷한 날도 있고 그런 거 아니겠습니까? 하하핳 만두 아니고 어피치 맞습니다 >.

See the Pen Country Dropdown with flag by zinee (@zineeworld) on CodePen. 구글 계정 생성 폼을 보면 국가코드 드롭다운에 아래처럼 국기가 같이 있다. 그래서 마이뮤직테이스트 모바일 인증 폼에도 적용했었다. 지금은 디자인이 바뀌어서 걷어내게 되었지만 아까워서 코드펜으로 저장해 보았다.

See the Pen [CSS Drawing] BE THE ROCKET ! by zinee (@zineeworld) on CodePen. 비더로켓 이벤트 참가작!

기본 개념 기본 개념은 width 비율 만큼 padding-bottom 값을 동일하게 주면 된다. 100%를 주면 1:1 비율이 되는 것이고, 75% 값을 패딩으로 주면 4:3 비율이 되는 것이다. See the Pen Height equal to dynamic width by zinee (@zineeworld) on CodePen. 응용 사례 See the Pen responsive youtube player by zinee (@zineeworld) on CodePen. 응용하여 쓴 사례로는 모바일 웹에서 유투브 임베디드 플레이어를 가로 폭에 맞춰 높이를 늘려줄 때 사용했다. 유튜브 플레이어 비율은 16:9 이기 때문에 padding-bottom: 56.25% 을 주면 된다. 비율을 빠르게 계산하기 위..

See the Pen CSS Drawing - 08. Ryan (Kakao Friends) by zinee (@zineeworld) on CodePen. 기초강좌 제작 중입니다!coming soon!

See the Pen CSS Drawing - 07. Frodo (Line Friends) by Hyejin Oh (@mmt-zinee) on CodePen. 멋지구만!

See the Pen CSS Drawing - 06. Muzi (Kakao Friends) by Hyejin Oh (@mmt-zinee) on CodePen. 뭐 이렇게 희번득하지.............오늘은 피곤해서 이 정도로 마무리 ^^;;;;;;

See the Pen CSS Drawing - 05. Neo (Kakao Friends) by Hyejin Oh (@mmt-zinee) on CodePen. 오늘은 과정샷을 간단하게 동영상으로 편집해 보았습니다! (26s)촬영 : QuickTime Player / 편집 : iMovie / 배경음악 : Epic Song ♪ 감기 조심하세요~!

See the Pen CSS Drawing - 04. Tube (Kakao Friends) by Hyejin Oh (@mmt-zinee) on CodePen. 얼굴은 어떻게 해보겠는데 역시 몸통은 무리다!적정 시간을 넘기는 작업은 과감히 포기하기로 했으니까 여기서 만족...애니메이션으로 보완하기!?