JQuery.browser 삭제 – browser detection 문제
Photo Gallery를 만들면서 browser detection을 위해 $.browser를 이용해서 처리하고 있었다. 그런데 알고보니 $.browser가 browser detection에서 문제가 있을 수 있어서 jQuery 1.9에서는 삭제되었다고 한다. $.browser: Ever since jQuery 1.4, we’ve been...
View ArticleHistory.js의 Empty initial state 문제
HTML5에 추가된 window.history가 있습니다. hash 등을 이용해 처리하던 ajax 방식의 페이지 이동에 따라서 생기는 history와 url관리의 문제에 대응하는 것입니다. >http://diveintohtml5.info/detect.html#history...
View ArticleFacebook Like button 설치하기
Facebook Like 버튼을 설치하는 방법을 간단히 정리해본다. 1. http://developers.facebook.com/docs/reference/plugins/like/에서 간단히 설정값을 입력하면 코드를 얻을 수 있다. Step1과 Step2를 모두 거쳐야 한다. Step1의 첫번째 url 항목에서는 원하는 url을 입력하거나, form의...
View ArticleConnected Bulb – Interactive Lighting
Phillips Hue가 드디어 >SDK를 발표했습니다. 계속 업데이트를 해나갈 것 같고, 지금은 기본적인 것들 – 온/오프, 칼라, 밝기 등 – 위주로 동작하는 것 같습니다. Phillips가 제공하는 bridge를 통해서 제어할 수도 있고, 각각의 전구에 직접 access하려면 Zigbee 프로그램에 등록해야 한다고 하는군요. 아직은 몇 가지 제한...
View ArticleIntel Perceptual Computing SDK 발표 – Motion/Face tracking 기술
Intel에서 최근에 Perceptual Computing 이라는 motion & face tracking toolkit의 SDK를 발표했습니다. 찾아보면 이런저런 동영상들이 많이 나오는군요. 직접 비교해보진 않았지만 Kinect, Leap Motion 등 기타 다른 기술들 보다 다양한 방법으로 안정적이고 정확하게 동작하는 것 같습니다....
View ArticleWhat is Agnosticism in Computing
Agnosticism in Computing : Capability that working in various context of computing such as OS, screen size, devices, and so on without additional necessity of adaption. Similar with compatibility or...
View ArticleClik here to view.
FLEXFIRELEDs – LED Strip Lights Solution을 구할 수 있는 곳
언젠가 이런 것이 필요할 것 같아서 기억 저장을 위해 정리해놓는다. >FLEXFIRELEDs flexible LED Strip light와 관련 용품들, 커넥터와 어댑터 등등을 판매하는 곳. 납땜이 필요 없으며 다양한 용도의 부품들을 판매하며, 가격대도 별로 비싸지는 않다. 미국이라서 배송비가 더해지지만, 국내에서 판매하는 것보다는 훨씬 편한 것 같다....
View ArticleClik here to view.
모든 스크린의 크기에 대해서 – Screen Siz.es
유용한 사이트인데 가끔 필요할 때 기억이 안나서 찾아다니게 된다. 기억이 못 미더우니 이렇게 저장해놔야겠지. 모바일, 타블렛, PC까지 수 많은 스크린들의 physical한 크기부터 resolution까지 정리가 되어 있는 사이트이다. 사용하기 편리하게 되어 있어서 단순한 목적을 위해 쉽고 간단하게 잘 만들어졌다. http://screensiz.es...
View ArticleClik here to view.
HTML5 Canvas에서 1px Line 그리기
HTML5의 Canvas에 대해서 대략적인 소개가 잘 되어 있는 사이트가 있다. >Dive into HTML5 – Let’s Call It a Draw(ing Surface) 그 중에서 아래 내용은 canvas에서 1px의 라인을 그릴 때에 대한 tip이다. 좌표를 지정하고 라인을 그리는데, 예를 들어 (1,0)에서 (1, 10)으로 1px 두께의...
View ArticleFileSquare – Creative Web App for Collaboration and Prototyping
> FileSquare 이 서비스는 Web App으로 다양한 플랫폼에서 사용할 수 있다는 것이 장점이다. 또한 무료 버전에도 20MB의 용량과 2개 프로젝트를 생성할 수 있기 때문에 작은 규모의 프로젝트나 개인들은 충분히 사용할 수 있을 것 같다. 프로젝트를 생성한 다음 디자인 이미지들을 올리고, 그 이미지들에 노트를 달거나 touch 영역을 설정해서...
View ArticleMapbox와 Big Data를 활용한 interactive map 작업들
https://www.mapbox.com/labs/twitter-gnip/brands/#7/36.963/131.973 트위터를 올린 디바이스의 종류를 지도에 표시하는 방법으로 어떤 디바이스를 주로 사용하는지 제한적으로 볼 수 있다. 한국은 역시 안드로이드 천국. 삼성 때문이겠지만, 유난하다....
View ArticleClik here to view.
[번역] Guide to Projectors for Interactive Installations
Projector에 대해서 이렇게 기본부터 자세히 설명한 글을 찾기 힘들 것 같아서 번역을 결심한지 벌써 몇 달이 흘러간 듯 하다. 이런 저런 우여곡절이 있었지만 어쨌든 번역을 완료하여 올리게 되었는데, 번역한지 오래되어 앞 부분의 내용은 이미 가물가물. 나도 다시 한번 읽어봐야 할 듯. 후반부 번역은 >허상훈군의 도움이 있었고, 각자 블로그에...
View ArticleRichard Saul Wurman의 Information Architecture 설계 원칙
리처드 솔 워먼(Richard Saul Wurman)의 Information Architecture 설계 원칙 정보를 이해하고 활용도를 높이기 위해 정보를 용도에 맞게 분류하고 설계하기 위한 5가지 원칙 – 위치 (Location) – 알파벳 ( Alphabet) – 시간 (Time) – 범주 ( Category) – 위계 (Hierarchy) 관련 내용을...
View Article[번역] Deconstructing Fidelity
디자인을 할 때의 기본적인 부분이라고 할 수 있지만, 잘 분류해서 정리된 글이라 번역을 해본다. 사실 아래 글의 내용대로 하는 것이 필요하고 좋다는 것을 잘 알지만 현실적으로 하기 어려운 점이 많다. 그래서 여러 가지 도구나 소프트웨어들이 나오는데, 나중에 그런 것들에 대해서도 한번 알아보면 좋을 듯 하다. 원문 링크 :...
View ArticleClik here to view.
Picasa Photo Gallery_v1.0
Lovelyredsky:Photo : http://lovelyredsky.com/photo HTML, Javascript 그리고 jQuery를 기반으로 만든 Picasa Photo Gallery 입니다. 한동안 web 개발을 공부했는데, 공부만 해서는 금방 잊어먹을테니 이번 기회에 그 동안 생각했던 갤러리를 만들었습니다. 몇 가지 기준을 세우고 진행을...
View Article