개발/웹표준15 파비콘(Favicon) 설정하기! 파비콘(Favicon)이란 favorite icon 의 줄임말로, 사이트를 대표하는 아이콘을 말합니다. 이런거죠.사이트에 이걸 넣어보려 합니다. 일단 아이콘을 만들어야 합니다! 파비콘을 만들 수 있는 사이트는 정말 많으니 그 중 하나를 이용해 보려 합니다. http://www.favicomatic.com/일단 위 사이트에 접속해서 이용하고 하는 이미지를 업로드 하면 바로 다운로드가 됩니다.주의할 점은 한글 이름은 안된다는 것! 그렇게 만든 파일은 압축된 상태로 다운이 되는데 그 중에서 favicon.ico파일을 이용하면 됩니다.16x16 크기와 32x32 크기가 합쳐져서 만들어진 아이콘 파일입니다. 물론 PNG 나 GIF, SVG와 같은 형태도 파비콘으로 이용 가능합니다만, ico 파일이 간단하고 괜찮은.. 2016. 4. 16. VirtualBox를 이용해 구버전 IE 테스트하기! Internet Explorer(이하 IE)는 다양한 버전이 공존하는 골치아픈 브라우저 입니다.아직도 많은 곳에서 Windows XP 를 사용하고 있고, XP 가 아니라 Windows 7 을 사용한다 하더라도 브라우저는 IE 7, 8, 9 버전에서 업그레이드 하지 않는 분들이 많이 있습니다. 최신 버전을 사용하지 않는 분들은 굳이 업그레이드 할 필요성도 못 느끼고, 괜히 업그레이드 했다가 안되는게 있거나 느려지면 어쩌나 하는 불안 때문이 아닐까 싶습니다. 개발자 입장에서는 최대한 많은 분들에게 좋은 화면으로 보여주어야 하기 때문에 여러 환경에서 테스트 할 수밖에 없는데요, 그렇다고 컴퓨터를 여러개 설치해 두고 테스트용으로 쓰기에도 어느정도 한계가 있습니다. IE6-11 까지 총 6개의 브라우저가 현재 사.. 2014. 2. 26. 이제 Internet Explorer 9 는 테스트 고려대상에서 제외!? 얼마 전 지인의 집에 놀러갔다가 며칠 전부터 갑자기 인터넷이 이상하다고 해서 한번 봐달라는 말에 살펴봤습니다.이상한 증상이라는 것이 몇몇 특정 사이트가 깨져 보인다는 것이더군요. 이상한 것은 맞는데, 컴퓨터가 이상한게 아니라 방문한 사이트가 이상한 것이었습니다.이상하다기 보다는 웹 표준을 제대로 준수하지 않았다고 해야 맞을 것 같네요. 문제가 발생하게 된 경위는 이렇습니다.Windows 7 을 사용중인 컴퓨터인데, 자동 업데이트를 통해 Internet Explorer 10으로 버전업을 해 버린 것입니다. 이전 버전(아마도IE9)에서는 정상적으로 보여지던 웹사이트가 IE10에서는 깨져보이는 문제가 생긴 것입니다.결국 조치는 못하고, 해당 사이트에서 이 사태를 파악하고 해결해야 한다는 정도의 대화로 마무리 .. 2013. 7. 24. 항목 배열시 가운데에 간격 넣기!! CSS 를 이용해서 어떤 항목을 배열한다고 할 때 어려움이 많습니다. 만약 다음과 같은 형태로 출력 하고자 한다면??? 고정된 크기로 출력을 하는 경우에는 너비를 지정해 주어서 출력하는 것도 좋은 방법입니다. 테이블을 사용하나 DIV를 사용하나 너비 지정하는 방법을 쓰면 효과적으로 작동합니다.문제가 있다면, 전체 가로 너비가 변경되는 경우에는 다시 손을 봐줘야 한다는 점이죠! 자바스크립트를 이용하는 방법도 있습니다. 문제는 속도가 느려질 수 있다는 것? 그렇다면 웹 표준을 준수하면서 저런걸 할 수 있을까요?우선은 각 DIV를 33.33%로 만들어 주면 3등분은 가능하겠네요~(정확히는 아니지만..) 그 다음엔? 생각보다 간단하게, 각 항목에 'margin-right:20px;' 을 적용시켜 주고, 전체를 .. 2013. 4. 15. 이전 1 2 3 4 다음
