3001, 2015

정신 건강을 위한 Zen Coding 아시죠? 치트시트 공유합니다.

By |1월 30th, 2015|Categories: Blog, Web|Tags: , , , , , , |0 Comments

Zen Coding – 빠르게 코딩할 수 있는 방법입니다. 한번 익숙해지면 좋지만, 늘 쓰던 코드만 쓰게되죠.. 이런 것도 규칙이 있나? 찾아보고 싶을때 아래 링크로 들어가서 검색해보세요~^^

http://docs.emmet.io/cheat-sheet/

속도는 […]

809, 2014

Time is gold with CSS3 Animation

By |9월 8th, 2014|Categories: Design, Featured, Web|Tags: , , , , , |0 Comments

CSS3 의 애니메이션 효과를 이용하여, 재미있는 응용을 할 수 있는데요.

예를 들면 아래와 같은 코드입니다. 순수 CSS 애니메이션을 이용하여, 시계를 만들어 봤습니다.

참고로, webkit 에서만 동작합니다. (safari, […]

2307, 2014

애니메이션되는 빵메뉴 CSS코드

By |7월 23rd, 2014|Categories: Web|Tags: , , , , , , |0 Comments

모바일 메뉴에서 자주 사용하는 빵메뉴 를 좀더 재미있게 표현하는 시도들이 보이길래, 저도 따라해 봤습니다. ^^

메뉴를 클릭하면, 메뉴가 펼쳐진후, 메뉴의 모양새가 X 버튼처럼 바뀌는 것입니다.

CSS만을 이용하여 […]

1407, 2014

HTML5 강의

By |7월 14th, 2014|Categories: Essay, Web|Tags: , , |0 Comments

지난주, 40시간 HTML5 강의를 진행했습니다.

새로운 아이템으로 창업을 희망하시는 분들과 함께 즐거운 시간을 보냈습니다.

새로운 사람을 만나고, 나의 지식을 전달한다는 것은 언제나 흥미있는 일입니다.

다들 좋은 사업 진행하시기를 […]

407, 2014

초 간단하게 안드로이드 apk 사인하기 signing CLI 커맨드라인 활용

By |7월 4th, 2014|Categories: Android, Web|Tags: , , , , , , , , |0 Comments

안드로이드 마켓-구글 플레이에 앱을 등록하려면, singing이 필요합니다.
(앱 스토어도 마찬가지 입니다. 애플 앱은 xcode에서 관리하는 것이 진리~^^)

왜 싸이닝을 할까요?
sign이라는 것은 고유함-인증했음을 증명하는 행위입니다.

앱을 구별짓는 […]

601, 2013

구체적으로 명시된 것이 우위를 차지한다

By |1월 6th, 2013|Categories: Web|Tags: , |0 Comments

more specific rules take precedence

다름이 아니라, CSS 선언에 대한 이야기입니다.

예를 들어서 다음의 CSS 코드의 경우 나중에 선언이 되었다 하더라도,
위쪽에 선언된 css가 좀 더 구체적이므로 […]

511, 2012

크로스 브라우징을 위한 css reset 코드

By |11월 5th, 2012|Categories: Blog, Web|Tags: , , |0 Comments

웹 페이지를 작성할 때, 때때로, css를 reset 시켜야 할때가 있습니다.
워드프레스 테마를 개발해야할 때도, css reset은 기본이죠~!

브라우저 마다 기본적으로 설정된 css 관련 기본 값들이 존재하기 때문입니다.

그래서, […]

508, 2012

HTML5 페이드인fade-in 효과 만들기

By |8월 5th, 2012|Categories: Web|Tags: , |0 Comments

정확히 말하면, HTML5 라기 보다는 CSS3의 효과를 이용한다는게 맞습니다만,
HTML5라는 단어가 광의적으로 사용되어서 HTML5라고 해도 크게 무리는 없습니다.

원리는 아래와 같습니다.

div의 class를 지정하고,
해당하는 class에 animation효과를 주는 방법입니다.
애니메이션을 […]

Load More Posts