보관물

Posts Tagged ‘canvas’

개발뉴스 : 1월 25일 (2013년)

– 깔끔하게 게이지를 표시할 수 있는 javascript plug-in – ‘justGage’ (MIT 라이센스)
홈페이지 : justGage.com / 코드 소개 블로그 : http://goo.gl/XsDdo
justGage 샘플

– Canvas 태그를 사용에 대한 간단한 아티클 : http://goo.gl/KuGxF
Canvas 태그 사용

– 모바일 디자인 패턴 사이트들을 모아둔 아티클 : http://goo.gl/vcjkZ

개발 뉴스 : 8월 8일 (2012년)

– jQuery Mobile을 이용하는 방법을 샘플 기반으로 간단하게 소개한 영문 아티클. 초급이신 분들이게 권합니다. : jQuery를 이용한 5분 가이드

– 웹페이지의 이미지를 전체화면으로 볼 수 있도록 처리하는 jQuery 예제. 영문 아티클이지만 소스코드만 쭉 훑어 보아도 이해가 갑니다. : jQuery full-screen images

– HTML5 튜토리얼 중에서 15가지를 모아둔 영문 아티클. 몇가지 괜찮은 것이 있습니다. 특히, Grid기반 웹 디자인 하는 부분, 음악과 같이 보여지는 슬라이드 예제 등을 초급자들도 활용이 가능해 보입니다. : 15 Most useful HTML5 tutorials

– flip counter를 포함해서 jQeury를 이용해서 flip 효과를 주는 예제 모음 영문 아티클. : 10+ Best jQuery flip effect plug-in

– javascript에 디자인패턴을 일부 적용하고, OOP와 유사한 형태를 만드는 내용의 아티클. javascript에 대한 이해와 패턴에 대한 이해가 있는 중급 이상 개발자에게 유용해 보입니다. 역시, 영문자료. : Scalable javascript application design

– HTML5 Canvas에 격자를 그려넣는 매우 짧은 아티클. 간단하게 Canvas에 대한 감을 잡고, 응용에 활용하기 좋은 샘플. : Drawing a grid on HTML5 canvas

HTML5 뉴스: 5월 31일.

– HTML5 Canvas를 이용해서 온도스타일로 레이어를 올릴 수 있는 자바스크립트가 있어서 소개합니다. : http://goo.gl/3Qd9x

heatmap.js 예제

heatmap.js 예제

– HTML5의 Canvas로 구현한 10가지 예제입니다. 수준이 아주 높네요. : http://www.script-tutorials.com/?p=676

그래픽 도구

– HTML5에서 사용되는 엘리먼트들의 인덱스 페이지. 간단한 예제와 w3링크가 있습니다. : http://goo.gl/mZ1FT

HMLT5 엘리먼트 인덱스

HMLT5 엘리먼트 인덱스

– Flash 툴과 비슷한 느낌으로 CSS와 javascript를 사용한 애니메이션을 만들어 주는 툴을 소개한 글입니다. Hype : http://goo.gl/sHjRK

Hype 실행화면

Hype 실행화면

– HTML5 Canvas를 이용하여 차트를 그리는 예제를 블로깅 해둔 내용입니다. 나중에 그래프가 필요하면 한번 봐야겠군요 : http://goo.gl/x6Orv

차트 예제

차트 예제

HTML5 뉴스: 5월 24일.

– 간단하게 오프라인 HTML5웹 앱을 만드는 예제. 5단계면 기본적인 기능이 되는 듯 합니다. 한번 캐싱이 되면 랜선을 뽑아도 데이터는 보이는 군요. : http://www.catswhocode.com/blog/?p=4393

오프라인 HTML5 웹앱 만들기

오프라인 HTML5 웹앱 만들기

– javascript로 구현된 커버플로우라는 군요. 라이브러리 형태로 BSD License로 배포 되는데. 활용도가 높을 것 같습니다. : http://wp.me/pE25e-16

javascript coverflow

javascript coverflow

– SVG .vs. Canvas = SVG는 반응하는 비쥬얼한 문서를 만드는데 좋고, Canvas는 보다 성능좋은 그래픽에 사용하기 좋다는 결론 : http://goo.gl/S6yOX

svg .vs. canvas

svg .vs. canvas

– CSS3를 이용한 키프레임 애니메이션을 간단한 예제와 함께 소개한 글 : http://www.smashingmagazine.com/?p=86598

CSS3를 이용한 키프레임 애니메이션

CSS3를 이용한 키프레임 애니메이션

%d 블로거가 이것을 좋아합니다: