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