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만을 이용하여 […]

306, 2013

CSS를 사용하여, 브라우저 중앙에 div 띄우는 방법

By |6월 3rd, 2013|Categories: Web|Tags: , |0 Comments

사용하고자하는 div (id=intro)가 가로 세로 사이즈가 각각 300, 150 이라고 가정하면..

#intro {
position: absolute;
width: 300px;
[…]

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 관련 기본 값들이 존재하기 때문입니다.

그래서, […]

Load More Posts