css3 까지는 아니지만 (지금은 모든 브라우저가 지원하지 않기에 폴백 방안까지 마련하려면 꽤나 피곤해진다) 크롬 최신버전과 IE 9.0만을 타겟으로 하는 호환성을 목표로 기존의 페이스북 수집기 결과물 디자인을 css로 변경해 보는 중입니다. 사실 처음부터 css-driven으로 디자인하고 싶었지만 그땐 코딩의 목표가 C#을 익히기 위함이었기 때문에 다른 부분은 패스 했었지요.

페이스북 수집기는 만들어 놓은 이후로 지금도 개인 블로그 (http://leafbird.tistory.com)에서 아주 잘 사용하고 있습니다. 개인적인 일상 이야기는 페이스북에 편하게 적어두었다가 적절한 주기로 한 번에 블로그로 옮겨오고 있지요. 작성해서 사용해보니 아이폰으로 접속했을 때 잘려버리는 문제점을 발견한 것이 좀 흠이었지만… 이것도 이번에 css로 변경하면서 한 번 고쳐볼 생각입니다.

데스크탑 버전 디자인은 어느 정도 완성이 되었습니다. 티스토리 글 쓰는 화면에서는 css가 적용되지 않아 아래처럼 보이지만,

실제로 블로그 스킨에서 보면 제대로 된 디자인으로 보이지요 :)

책만 읽으면서 공부할 때와는 달리 실제로 코드를 사용해보고 응용해보니 재미있습니다. 크롬과 IE의 개발자 도구는 정말 막강하네요. 디자인 작업을 할 때는 물론이고 이벤트 처리같은 front-end 개발을 할 때에도 정말 유용한 툴이 될 것 같습니다. 저도 디자인 변경작업 할 때 처음에는 tool에 임베딩 해놓은 C#의 WebBrowser 컨트롤에서 lua로 디버깅을 했지만 지금은 그냥 크롬에서 하고 있습니다. 이게 훨씬 빠르고 쉬워요 +0+)b

Posted by leafbird 트랙백 0 : 댓글 0

댓글을 달아 주세요