Ready, Get Set, GO!

GuriZzang.com에 오시면 더 자세한 내용을 보실 수 있습니다. CSS3 기능중 상당히 재미 있는 기능이었는데요.javascript중에서도 jQuery에서나 (javascript로 만들수도 있지만.. 기본 지원은 아니니까요~) 써봤던 Animation 기능 입니다.일단. 샘플을 하나 보시죠. Source ?123456789101112131415161718192021222324252627282930313233343536373839404142 Note: This example does not work in Internet Explorer 9 and earlier versions. Demo 위의 예제는 단지 CSS만으로 이루어진 에니메이션 입니다.javascript로 복잡하게 했던 에니메이션 기능을 C..

textarea태그를 사용시 가로 100%를 주게되면 원치않게 정해진 영역을 넘어가게 된다. 그때 100%를 맞추는 방법 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 이 코드를 넣으면 부모Node의 크기에 사이즈가 맞춰진다. 물론..height:100% width:100%를 줘야겠지만..끝

브라우저의 크기에 상관없이 footer를 하단에 고정시키는 것을 검색해 봤더니별 희안한 소스들이 많이 널려있더군. footer에 position:absolute;만 줘서 고정시켜버리는 사람도 있는 반면약~간은 편법을 써서 하는 사람들도 있긴 하던데... 그럴경우 컨텐츠 영역에서 글이 길게 써지면 컨텐츠 영역이 footer를 뚫고 밑으로 길게 늘어나는 현상이 발생. 그래서 정리해 보았다!! 가로 1단 footer하단고정 레이아웃!! * 컨텐츠영역 입니다.* 하단영역 입니다. 위에서부터 설명하자면 이 스크립트를 간단히 설명하자면ie(인터넷 익스플로러)일 경우 태그에 class를 넣어준다."ie"라는 클래스와 "ie브라우저버전" 이렇게 두개..보통 크롬이나 파폭등의 css가 적용되는것과 익스에서 적용되는 것이..