Web개발자에게 필요한 기능을 제공하는 불여우(Firefox) 부가기능 중 9개를 선정하여 소개합니다.많은 숙련된 기술을 가진 디자이너들은 아래 소개하는 부분이 없어도 어느정도 코딩과 디자인이 가능하겠지만 , 그래도 아래에 소개되는 기능을 이용하면 좀 더 편리하고 시간을 단축할 수 있으리라 생각됩니다.
1. 파이어버그(Firebug)
첫번째는 Joe Hewitt에 의해 만들어선 FIrebug입니다. Firebug를 이용하면 코딩시간을 많이 단축할수 있습니다. 자세한 내용은 http://getfirebug.com/ 를 방문하시면 얻을 수 있습니다. 잘만 이용하면 실제적인 로딩타임과 자바스트립트 에러등 여러가지를 할 수 있는 종합적인 디버깅툴이라 할 수 있습니다.
2. MeasureIt
부가기능을 받으시고 인스톨을 하면 툴바에 measureit이라는 아이콘이 설치됩니다. 이때 아이콘을 누르시면 화면이 전체적으로 회색으로 비활성화되는 데 이때 측정하고 싶은 곳에 가서 길이를 재면 화면과 같이 width와 Height정보를 구할 수 있습니다.
http://www.kevinfreitas.net/extensions/measureit/
3. ColorZilla
설명에 의하면 진보된 웹컬러 추출기이며, 팔렛트등을 지정할 수 있습니다. 위의 그림에서아 같이 인스톨을 하고 나면 좌측하단에 점안기가 표시되는데 이를 클릭 후 원하는 위치에 마우스를 갖다되면 컬러코드가 표시됩니다. 뿐만 아니라, 필요한 부분의 확대하고 싶은 영역을 지정하여 돋보기의 기능을 제공합니다.
다운받기 : http://www.colorzilla.com/firefox/
4. Screen Grab
스크린캐쳐를 온라인상에서 바로 할 수 있도록 도와주는 툴입니다.
5. Web Developer
웹개발툴의 종합선물세트와 같습니다. 많은 개발자들이 사용하고 있는 툴이며 기능상으로 Firebug와 많이 비슷하지만 좀더 많은 기능을 제공합니다. CSS등을 임의로 모두 수정하면서 바로 바로 편집하면서 웹개발을 할 수 있도록 도와줍니다.
http://chrispederick.com/work/web-developer/
6. IE Tab
사실 이 부가기능은 웹개발자 뿐만 아니라 불여우사용자들은 국내에서 거의 다 이용될 것으로 생각되는 툴이지만, 개발자측면에서 보면, 호환성테스트시에 필요한 요소입니다.
7. HTML Validator
완벽한 디자인의 한 측면으로 강조되는 Validator입니다. w3c 표준으로 지켜지는지 유효성 검사를 하는 부가기능입니다.
https://addons.mozilla.org/en-US/firefox/addon/249
8. CSS Viewer
이것은 간단히 CSS를 볼때 사용되는 툴로 toolbar에 등록 후 간단히
마우스를 갖다되면 해당 Code의 CSS가 보여지는 기능입니다.
https://addons.mozilla.org/en-US/firefox/addon/2104
9. FireFtp
이 부가기능은 Firefox를 순식간에 FTP Client로 변신해 줍니다.
일반 FTP Client도 기능이 동일하니 사용하는데 어려움이 없을 것이라 판단됩니다.
https://addons.mozilla.org/en-US/firefox/addon/684
이상 소개한 9가지의 부가기능을 이용하여 웹개발을 하면 좀더 편하게 개발을 할 수 있으리라 생각됩니다.