웹개발에 필요한 정보: HTML, CSS, JavaScript, etc.
Collie http://colliejs.org/ 한국어 포럼 Collie는 HTML5을 이용한 애니메이션과 게임을 만들기 위한 자바스크립트 라이브러리입니다. 코드팩토리에 우리나라 개발자가 만든 라이브러리를 올린 적은 처음인 것 같습니다. Collie는 NHN에서 근무하시는 심상민님께서 개발하신 자바스크립트 애니메이션 라이브러리입니다. 우리나라분이 만드셔서 드리는 말씀이 아니라 매우 훌륭한 라이브러리라고 생각됩니다. 아래는 공식 사이트에 있는 소개글입니다. 콜리(Collie)는 HTML5을 이용한 애니메이션과 게임을 만들기 위한 자바스크립트 라이브러리 입니다. HTML5 캔버스와 DOM을 이용해서 PC와 모바일에 최적화된 애니메이션과 게임을 구현할 수 있습니다. 콜리는 렌더링 파이프라인을 이용해 많은 수의 ... »
Slicebox을 사용해서 만들어본 3D 이미지 슬라이더입니다. 원본은 여기에 있습니다. CSS 3D Transforms을 사용해서 만들었으며, CSS 3D Transforms를 지원하지 않는 브라우저에서는 그냥 이미지 슬라이더로 동작합니다. Check out this Pen! »
LAZY LINE PAINTER http://lazylinepainter.info/ SVG Path Animation을 만들 수 있게 해주는 jQuery plugin 입니다. 어떤 애니메이션을 만들 수 있는지 데모에서 잘 보여주고 있습니다. 먼저, Illustrator 에서 SVG 파일을 만든 다음에 사용하는 라이브러리입니다. »
Smooth Scroll to Top Using CSS3 Animations http://labs.mitgux.com/smooth-scroll-to-top-using-css3-animations/ CSS3 animation을 사용해서 부드럽게 페이지 맨 위로 스크롤하는 데모입니다. 위 URL을 방문해보시면 소스안에있는 goTop.js 파일에서 CSS3 transition과 easing 효과를 사용하고 있습니다. Check out this Pen! »
HINT.css http://kushagragour.in/lab/hint/ 툴팁을 만들어주는 CSS 라이브러리입니다. data-* attribute, pseudo elements, content property, CSS3 transitions 를 사용해서 툴팁을 만듭니다. 아래의 데모에서 텍스트 위에 마우스를 올려보세요 Check out this Pen! »
Recent Comments