codefactory's Posts

Leaflet, GeoJSON 으로 지도 위에 우리나라 표시

Leaflet, GeoJSON 으로 지도 위에 우리나라 표시

Leaflet 으로 지도 위에 우리나라를 표시했습니다. 여기을 참고해서 만들었습니다. 우리나라 영역을 나타내는 GeoJSON은 https://github.com/johan/world.geo.json/blob/master/countries.geo.json 에 있는 각 국가별 GeoJSON에서 South Korea와 North Korea 부분을 따로 빼서 합쳐서 사용했습니다. Check out this Pen! »

D3.js Fahey projection

D3.js Fahey projection

D3.js로 만든 Fahey projection 입니다. 원본은 여기에 있습니다. (저는 Fahey projection 이 뭔지 잘모릅니다.) Check out this Pen! »

3D 이미지 슬라이더

3D 이미지 슬라이더

Slicebox을 사용해서 만들어본 3D 이미지 슬라이더입니다. 원본은 여기에 있습니다. CSS 3D Transforms을 사용해서 만들었으며, CSS 3D Transforms를 지원하지 않는 브라우저에서는 그냥 이미지 슬라이더로 동작합니다. Check out this Pen! »

LAZY LINE PAINTER – SVG Path Animation을 만들 수 있게 해주는 jQuery plugin

LAZY LINE PAINTER – SVG Path Animation을 만들 수 있게 해주는 jQuery plugin

LAZY LINE PAINTER http://lazylinepainter.info/ SVG Path Animation을 만들 수 있게 해주는 jQuery plugin 입니다. 어떤 애니메이션을 만들 수 있는지 데모에서 잘 보여주고 있습니다. 먼저, Illustrator 에서 SVG 파일을 만든 다음에 사용하는 라이브러리입니다. »

CSS3 animation을 사용해서 부드럽게 페이지 맨 위로 스크롤하기

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! »

Page 3 of 5412345»