Lovelyredsky:Photo : http://lovelyredsky.com/photo
HTML, Javascript 그리고 jQuery를 기반으로 만든 Picasa Photo Gallery 입니다. 한동안 web 개발을 공부했는데, 공부만 해서는 금방 잊어먹을테니 이번 기회에 그 동안 생각했던 갤러리를 만들었습니다. 몇 가지 기준을 세우고 진행을 했습니다.
– W3C 표준으로 기반으로 최대한 많은 browser와 호환되도록 한다.
– iPad와 같은 tablet pc에서도 동일하게 동작하도록 한다.
– Picasa open library를 이용해서 자동으로 갤러리가 구성되도록 한다.
– 공부한 내용을 가능한 많이 활용한다.
– Web 표준 UI interaction을 최대한 지키되, transition등에 최대한 animate effect를 구현한다.
– Image 요소는 사용하지 않고 필요하면 Canvas등을 적용한다.
– Webkit 개발환경에 최대한 적응한다.
결과적으로 다양한 문제를 여러 가지 방법으로 고민하면서 practical한 경험을 얻을 수 있었습니다. 개발환경이 Mac이기 때문에 ie 호환 문제는 아직 과제로 남았네요. CSS와 관련해서는 LESS와 같은 third party tool을 적용해보려고 하는데, 완성된 CSS를 가지고 검토해보려고 합니다.
Bug report나 critic 부탁합니다. ;-)