정신 건강을 위한 Zen Coding 아시죠? 치트시트 공유합니다.
Zen Coding – 빠르게 코딩할 수 있는 방법입니다. 한번 익숙해지면 좋지만, 늘 쓰던 코드만 쓰게되죠.. 이런 것도 규칙이 있나? 찾아보고 싶을때 아래 링크로 들어가서 검색해보세요~^^
http://docs.emmet.io/cheat-sheet/
속도는 […]
3001, 2015
809, 2014
Time is gold with CSS3 Animation
CSS3 의 애니메이션 효과를 이용하여, 재미있는 응용을 할 수 있는데요.
예를 들면 아래와 같은 코드입니다. 순수 CSS 애니메이션을 이용하여, 시계를 만들어 봤습니다.
참고로, webkit 에서만 동작합니다. (safari, […]
1407, 2014
HTML5 강의
지난주, 40시간 HTML5 강의를 진행했습니다.
새로운 아이템으로 창업을 희망하시는 분들과 함께 즐거운 시간을 보냈습니다.
새로운 사람을 만나고, 나의 지식을 전달한다는 것은 언제나 흥미있는 일입니다.
다들 좋은 사업 진행하시기를 […]
407, 2014
초 간단하게 안드로이드 apk 사인하기 signing CLI 커맨드라인 활용
안드로이드 마켓-구글 플레이에 앱을 등록하려면, singing이 필요합니다.
(앱 스토어도 마찬가지 입니다. 애플 앱은 xcode에서 관리하는 것이 진리~^^)
왜 싸이닝을 할까요?
sign이라는 것은 고유함-인증했음을 증명하는 행위입니다.
앱을 구별짓는 […]
601, 2013
구체적으로 명시된 것이 우위를 차지한다
more specific rules take precedence
다름이 아니라, CSS 선언에 대한 이야기입니다.
예를 들어서 다음의 CSS 코드의 경우 나중에 선언이 되었다 하더라도,
위쪽에 선언된 css가 좀 더 구체적이므로 […]
511, 2012
크로스 브라우징을 위한 css reset 코드
웹 페이지를 작성할 때, 때때로, css를 reset 시켜야 할때가 있습니다.
워드프레스 테마를 개발해야할 때도, css reset은 기본이죠~!
브라우저 마다 기본적으로 설정된 css 관련 기본 값들이 존재하기 때문입니다.
그래서, […]
508, 2012
HTML5 페이드인fade-in 효과 만들기
정확히 말하면, HTML5 라기 보다는 CSS3의 효과를 이용한다는게 맞습니다만,
HTML5라는 단어가 광의적으로 사용되어서 HTML5라고 해도 크게 무리는 없습니다.
원리는 아래와 같습니다.
div의 class를 지정하고,
해당하는 class에 animation효과를 주는 방법입니다.
애니메이션을 […]