정신 건강을 위한 Zen Coding 아시죠? 치트시트 공유합니다.
Zen Coding - 빠르게 코딩할 수 있는 방법입니다. 한번 익숙해지면 좋지만, 늘 쓰던 코드만 쓰게되죠.. 이런 것도 규칙이 있나? 찾아보고 싶을때 아래 링크로 들어가서 검색해보세요~^^ [...]
Time is gold with CSS3 Animation
CSS3 의 애니메이션 효과를 이용하여, 재미있는 응용을 할 수 있는데요. 예를 들면 아래와 같은 코드입니다. 순수 CSS 애니메이션을 이용하여, 시계를 만들어 봤습니다. 참고로, webkit 에서만 [...]
애니메이션되는 빵메뉴 CSS코드
모바일 메뉴에서 자주 사용하는 빵메뉴 를 좀더 재미있게 표현하는 시도들이 보이길래, 저도 따라해 봤습니다. ^^ 메뉴를 클릭하면, 메뉴가 펼쳐진후, 메뉴의 모양새가 X 버튼처럼 바뀌는 것입니다. [...]
CSS를 사용하여, 브라우저 중앙에 div 띄우는 방법
사용하고자하는 div (id=intro)가 가로 세로 사이즈가 각각 300, 150 이라고 가정하면.. #intro { position: absolute; width: 300px; height: 150px; margin: -150px 0 0 -75px; top: [...]
구체적으로 명시된 것이 우위를 차지한다
more specific rules take precedence 다름이 아니라, CSS 선언에 대한 이야기입니다. 예를 들어서 다음의 CSS 코드의 경우 나중에 선언이 되었다 하더라도, 위쪽에 선언된 css가 좀 [...]
크로스 브라우징을 위한 css reset 코드
웹 페이지를 작성할 때, 때때로, css를 reset 시켜야 할때가 있습니다. 워드프레스 테마를 개발해야할 때도, css reset은 기본이죠~! 브라우저 마다 기본적으로 설정된 css 관련 기본 값들이 [...]