All Scrap

http://leegh.com/2693695

모질라 파이어폭스에 대해서 정리해 보려 합니다.

먼저 웹브라우져의 역사부터,

1. 웹브라유져 경쟁의 역사 @ 파이어폭스 인사이드
2. 현재 배포되고 있는 브라우져들 @ 파이어폭스 인사이드
3. 웹브라우져의 최신 기능들 @ 파이어폭스 인사이드

그 다음 모질라 파이어폭스란,

1. 모질라 파이어폭스란? @ 여우@보금자리
2. 모질라란 무엇인가? @ 파이어폭스 인사이드
3. 파이어폭스란 무엇인가? @ 파이어폭스 인사이드
4. 파이어폭스를 써야하는 10가지 이유 @ 웹초보의 Tech 2.1
5. 파이어폭스를 써야하는 진짜 이유 @ 파이어폭스 인사이드
6. 파이어폭스를 써야하는 이유 (보안) @ 파이어폭스 인사이드

사용방법은,

1. 설치하기 @ 파이어폭스 인사이드
2. 사용하기 @ 파이어폭스 인사이드
3. 확장기능 설명 @ 파이어폭스 인사이드
4. 확장기능 설치 방법 @ 파이어폭스 인사이드
5. 파이어폭스 테마를 바꾸자 @ 파이어폭스 인사이드
6. 파이어폭스 테마 추천 @ 파이어폭스 인사이드

그리고 유용한 확장기능들이 있습니다. 이 확장기능들은 설치하셔도 되고 설치안하셔도 무방한 것들입니다. 그렇지만 파이어폭스에서 확장기능 빼면 파이어폭스는 시쳇말로 아무것도 아니죠. 취사선택하셔서 설치하시면 됩니다. 먼저 지금 쓰시고 계시는 파이어폭스 버젼을 확인해보세요. 가장 최근에 설치하셨다면 2.0.0.3 일 것입니다. 그리고나서 확장기능을 다운받아 설치하시려 할 때 그 확장기능이 자신이 사용하고 있는 파폭 버젼에서 사용 가능한 것인 지 버젼을 확인하신 후 설치하세요. 다운받으시려는 확장기능 웹페이지에 사용가능한 파폭 버젼의 범위가 표시되어 있을 것입니다. 파폭 확장기능을 검색해 보고 다운받을 수 있는 본디 장소는 여기 모질라 파이어폭스 누리집 입니다.

1. 웹초보가 추천하는 파이어폭스 확장기능 @ 웹초보의 Tech 2.1
2. 웹초보가 추천하는 파이어폭스 확장기능 part 2 @ 웹초보의 Tech 2.1
3. 추천할만한 파이어폭스 확장기능 @ 여름하늘
4. 파이어폭스에서 탭들을 썸네일로 보는 showcase @ 웹초보의 Tech 2.1
5. 탭 미리보기 Tab Scope @ 파이어폭스 인사이드
6. 윈도우 미디어 플레이어 플러그인 @ 파이어폭스 인사이드
7. 쉽고 빠르고 직관적인 컨트롤 탭 확장기능 @ 파이어폭스 인사이드
8. 파이어폭스에서 익스플로러 탭 열기 (IE Tab) @ 파이어폭스 인사이드
9. 익스플로러 전용 누리집 보기 기능 (IE View) @ 파이어폭스 인사이드
10. 화면분할 확장기능 @ 파이어폭스 인사이드

닫기

닫기

파이어폭스는 환경설정도 사용자 입맞에 맞게 일일이 상세히 설정할 수 있습니다.

1. 불여우의 부가기능과 다운로드 창을 사이드바에 @ 웹초보 Tech 2.1
2. 파이어폭스 속도 올리는 팁 한가지 @ 웹초보 Tech 2.1
3. 파이어폭스에서 한글 주소 사용하기 @ 웹초보 Tech 2.1
4. 파이어폭스 최대한 넓게 쓰기 @ 웹초보 Tech 2.1
5. 파이어폭스 속도 향상시키기 @ 파이어폭스 인사이드
6. 파이어폭스 속도 향상시키기 2 @ 파이어폭스 인사이드
7. 파이어폭스 메모리 평균 50으로 만들자 @ 파이어폭스 인사이드
8. 페이지를 실수로 닫았는데 기억이 안날 때 @ 파이어폭스 인사이드
9. 불여우 간편하게 시작페이지 설정하기 @ 파이어폭스 인사이드
10. 파이어폭스 마우스 스크롤 범위 조정 @ 파이어폭스 인사이드

더 보기

파이어폭스 제거는 이렇게,

파이어폭스 완전히 삭제하기 @ 파이어폭스 인사이드

관련 사이트는,

 파이어폭스 관련 사이트 정리 @ 파이어폭스 인사이드

보 시다시피 '파이어폭스 인사이드' 블로그를 운영하시는 토이님의 글과 '웹초보의 Tech2.1' 블로그의 웹초보님 그리고 '여우@보금자리' 블로그의 불타는 여우님의 글을 많이 가져왔습니다. 이 블로그에 파이어폭스에 관한 좋은 정보들이 많이 담겨져 있습니다.

LEEGH.COM 에 담겨져 있는 파이어폭스에 관한 글을 더 보시려면 여기를 클릭하세요.

ps. 5월 7일 update.  불타는 여우님의 글을 추가했습니다.

http://choboweb.com/77

G메일 쓰시는분에게 꽤 유용한 사이드바 트릭 같습니다. 이메일 작성할때 여러번의 버튼 클릭을 줄여주네요.

1. 먼저 G메일 로그인해서 "편지쓰기" 링크를 클릭하고 상단 오른쪽의 새창으로 열기 버튼을 클릭합니다.

2. 새창의 열리면 마우스 우클릭해서 "북마크에 추가"를 클릭합니다. 북마크를 저장할 적당한 위치를 선택하고 확인을 클릭합니다.

3. 저장된 북마크를 우클릭하고 "이 북마크를 탐색 창으로 열기"에 체크표시를 한뒤 확인을 클릭합니다.

4. 이제 해당 북마크를 클릭하면 사이드바에서 G메일의 편지쓰기 창이 열립니다.. ^^;

http://www.colcol.net/view/114639@http://loved.pe.kr/entry/%ED%95%9C%EA%B5%AD%EC%9D%B8%EC%9D%84%EC%9C%84%ED%95%9C-%ED%8C%8C%EC%9D%B4%EC%96%B4%ED%8F%AD%EC%8A%A4-%EB%84%A4%EC%9D%B4%EB%B2%84-%EB%8B%A4%EC%9D%8C-%ED%85%8C%EB%A7%88

파이어폭스 네이버 테마
NHN에서 제공하는 네이버 테마입니다.
전문 디자이너들에 의해 가독성과 가시성을 고려하여 세심하게 디자인되었습니다.
또한 거의 모든 아이콘이 새롭게 그려졌습니다.

Download page






파이어폭스 다음 테마
Daum 사용자를 위한 Firefox용 푸른색 테마 입니다. 간결하고 심플하고 시원한 색상과 아이콘을 가지고 있습니다.
다음 툴바와 함께 사용하시면 다음 사용자는 좀더 편리하게 다음의 서비스를 받으실수 있습니다.

Download page






파이어폭스 다음 툴바
Daum Toolbar는 Firefox를 이용하시는 Daum 사용자들을 위해 만든 것으로 항상 로그인을 하여 한메일, 캘린더, 카페, 블로그 정보를 살펴 볼 수 있고, 최신뉴스 및 실시간 검색어를 보실 수 있습니다. 검색도 간편하게 하실 수 있습니다.

Download page

여러가지 쓸만한 G메일 관련 그리즈몽키 스크립트를 합쳐 확장기능으로 만든 Better Gmail 2가 업데이트 됐습니다. 새롭게 추가된 기능으로는 다음 사항이 눈에 띄네요. 파이어폭스 3.0 지원HTML Signature (HTML 서명 넣기) <-- 언어를 영어로 선택해야 작동하네요.Filter Assistant (메시지창 안에서 필터 추가) <-- 이것도 언어가 영어일때 작동Gmail Redesigned 스킨
Gmail Redesigned 스킨은 정말 킹왕짱 멋집니다.. ㅎ
이밖에 Better Gmail 2의 쓸만한 기능을 보면..
Inbox Count First : 읽지 않은 메일 숫자를 탭 앞에 먼저 보여줍니다.
Add Row Highlights : 마우스 커서가 위치하는 메시지 줄을 하이라이트 시켜줍니다.
Attachment Icons : 첨부파일 종류를 아이콘으로 표현해서 쉽게 알아 볼 수 있습니다.
Folders4Gmail : 라벨을 트리 형식으로 관리 할 수 있습니다. Dad를 Family 하부 라벨로 넣으려면 Family/Dad 형식으로 라벨을 바꿔주면 됩니다.
그밖에.. Compose mailto: Links in Gmail : mailto 링크를 G메일로 연결해 줍니다. Hide Spam Count : 스팸 메시지 카운트를 숨겨줍니다. Hide Invites Box : G메일 초대 상자를 사이드바에서 숨겨줍니다. Macros, Macros Modified : 두 기능 모두 G메일에 몇가지 단축키를 더해줍니다. ?키와 h키를 누르면 도움말이 나와요. Gmail Blue와 Grays and Blues 스킨도 지원합니다.
파이어폭스와 G메일을 같이 쓰신다면 참 좋은 선택인것 같습니다.. ^^;

남들 다 아는 얘기를 이제 와서 뒷북치는건 아닌가 싶어 걱정스럽습니다만 혹시 모르시는 분이 있을까 싶어 조심스레 이야기를 꺼내봅니다.

요 즘 주로 쓰는 브라우저는 구글 크롬입니다. 구글 크롬은 소문대로 매우 작고 빠른데다, 화면시작시 또는 새탭을 열면 시작페이지를 보여주는게 아니라 자주가는 페이지를 한 9개쯤 보여주는데요, 이런저런 기능때문에 확실히 IE나 파이어폭스보다 손이 많이갑니다. 은행이나, 기타 Activ-X를 사용하지 않으면 안되는 싸이트를 제외하곤 거의 구글 크롬을 이용합니다. 디자인도 깔끔하고요.

파 이어폭스는 구글크롬이나, IE에 비하면 디자인이 칙칙한 면이 있기도 하거니와 IE나 구글 크롬처럼 메뉴바나 도구모음이 좀 구태스러워서 면적을 많이 차지해서인지 화면이 갑갑하달까요, 그래선지 구글 크롬이 나온 후로는 손이 잘 안가집니다.

그런데, 오늘 파이어폭스 테마를 검색하던중, 재미있는 것을 발견했네요. Vista-aero 란 테마의 스샷을 보니 비스타의 IE처럼 나오는군요, 설치를 했습니다.

설치를 하고 나니 모든 아이콘이나 도구모음들이 IE와 똑같아집니다. 호...


근데 맨 위의 메인메뉴는 없어지지 않습니다. IE에선 이걸 없애고 탭표시바 오른쪽에 기능을 몰려놨죠. 스샷에는 분명히 메인메뉴가 안보이는데...

검색을 해보니 파폭에서 메인메뉴 감춰주는 부가기능이 있더군요. Hide Menubar 란 부가기능입니다. 이 둘을 설치하면 감쪽같이 파폭이 IE로 둔갑합니다. 지금 글을 쓰면서도 이게 파폭을 쓰는건지 IE를 쓰는건지 잘 모를지경입니다. 왼쪽이 맨 구석의 브라우저 아이콘만 아니라면 전혀 구분이 안가네요.

이건 IE 화면


요게 파폭화면

파이어버그(firebug)와 관련된 5가지 익스텐션을 소개해드립니다.


1. YSlow (다운로드)




가장 잘 알려져있는 firebug 익스텐션인 YSlow입니다.

yahoo에서 발표한 웹사이트 최적화 항목들에 대해서

해당 홈페이지가 어떤 등급을 나타내는지 보여줍니다.

이를 통해서 자신의 웹사이트가 어떤 부분에서 성능개선이 요구되는지 확인할 수 있습니다.



2. firecookie (다운로드)




firebug에는 왜 이런기능이 없나 항상 생각했는데 좋은 익스텐션이 있군요.

저는 ncookie 라는 익스텐션을 그간 사용하고 있었는데 firecookie로 갈아타야겠습니다.

이 익스텐션의 기능은 내 컴퓨터에 설치되어있는 모든 쿠키들을 볼수 있습니다.

쿠키 값은 물론 수정가능합니다.



3. firephp (다운로드)


http://www.firephp.org/

php와 연동해서 firebug의 콘솔 탭에서 php버그를 확인할수 있습니다.

이 익스텐션은 워낙에 설명해야할 부분이 많으니 이쯤에서 소개 마치도록 하고

정확한 사용법에 대해서는 홈페이지를 참고하세요.

참고로 php5 이상에서 사용가능합니다.



4. Pixel Perfect (다운로드)




캡쳐 사진을 보면 알수 있듯이

실제 웹페이지와 비교해서 정확한 픽셀을 맞추도록 도와주는 익스텐션입니다.



5. Rainbow (다운로드)


firebug의 자바스크립트에 색상을 입혀줍니다.

그간 너무 심심하게 검정색으로만 나왔는데 좀더 자바스크립트 코드보기가 한결 쉬워지겠군요.








3, 4, 5번 익스텐션은 아직 테스트단계로 모질라에서 다운로드를 시도할 경우

로그인을 필요로 합니다. 참고해두시기 바랍니다.

또한 3, 4, 5 익스텐션은 이왕이면 파이어폭스 및 파이어버그 최신버전에서 사용하시는게

안정성이 있는것 같아보입니다.


파이어버그 만세!

역시나.
파이어폭스는 위대하다.

전체메모리 1000MB 가량.

몸집큰 프로그램도 2개정도 실행되고있었으나..



파폭은 27개의(그걸또 세어본) 어마한 탭을 지니고있었음에도 불구하고.
(웹서핑하다보니 이렇게많아졌다..어머? -_-;)

비활성이아닌 활성임에도 불구하고..

오. 이거꽤, 꽤가아니라 정말 칭찬해주고싶다,파폭.

익스라면 진작에 터졌겠지? -_-.


컴이 똥컴인지라 속도가 느려지긴 하지만(전체메모리 용량때문일지도?)

그래도 익스처럼 버릇없이 꺼지진 않는구나. 이것만으로도 참 고마운 나인데-


사랑한다-3-파폭이여

웹 개발자들은 해야 할 일이 너무 많다. HTML, CSS, 링크, 이미지, 폼, 등. 그 모든 항목들에 대한 각종 문제들을 해결하는 것은 때때로 정말 힘든 일이 될 수도 있다. Chris Pedrick이 제작한 웹 개발자용 툴바 Web Developer 1.5는 웹 디자인에 있어서의 다용도 칼이라 할 수 있는 파이어폭스 확장팩이다. 확장팩을 다운로드하고, 설치하였다면 잠깐만 몇가지 옵션을 사용해 보자. 여러분이 사용할 만한 여러 가지 기능들이 있으나, 중요한 것들만 몇가지 추렸다. CSS 메뉴에서 View CSS를 선택하면, 다중 스타일시트에서 불러들여진 스타일까지 포함해서 현재 페이지에 해당하는 스타일 전체가 나타난다. 만약 어떤 웹사이트에 가서 "저건 어떻게 한 것일까?"라는 궁금증이 생긴 적 있다면, 이 툴바는 공짜로 그러한 비밀을 알려 줄 것이다.CSS메뉴에서 Edit CSS를 선택하면, 현재 웹페이지의 스타일을 편집할 수 있다. 이렇게 해도 원래 웹페이지에는 손실을 주지 않지만, 어떤 페이지의 스타일을 약간 조정해 보고 그 결과를 볼 수 있다. 근본적인 위지위그 편집기 정도로 생각하면 될 것이다. 이 편집을 통해 해당 사이트를 내 마음에도 이렇게 저렇게 스타일을 바꿔가며 요리해 볼 수 있고 어떻게 내 사이트의 스타일에 맞게 변형을 시킬지도 연구 할 수 있게 된다. Information 메뉴를 선택하면, 상세하면서 종종 광적일 정도로 많은 내부 세부사항들을 설명해 준다(물론 이 방대한 정보는 사실 이용자들에게는 어떤 메리트도 주지 않기는 하다). Display Block Size 옵션은 테이블이나 분할영역(Div) 같은 블록 계층 엘리먼트의 크기를 보여준다. Display Element Information 옵션은 커서를 위에 올리는 엘리먼트에 관한 정보를 보여준다.Tool 메뉴를 선택하면, HTML 및 CSS의 유효성을 검사하거나 링크를 확인할 수 있는 온라인 도구에 접속하게 된다. 이 도구들은 현재 여러분의 컴퓨터에서 작업하고 있는 파일이 아닌, 온라인 상에 있는 페이지에 대해서만 작동한다. Internet Explorer Developer Toolbar
인터넷 익스플로러에서도 이와 비슷한 개발자용 툴바를 제공하고 있다

파이어폭스가 나오기 이전부터 웹사이트의 비밀번호 관리와 자동으로 폼채우는 기능을 위해 Roboform을 사용해 왔습니다. 예전에 정식으로 구입했던 소프트웨어라 나름 애착도 있고, 손에도 너무 익어서 그동안 다른 패스워드 관리 프로그램에 눈을 돌리지 않았었는데요. 최 근에 이전 버전보다 속도와 편의기능이 많이 향상된 파이어폭스3 베타 버전을 사용하다 보니까, 로보폼 툴바의 미지원이 아쉽고, 파이어폭스 자체적인 패스워드 관리자는 기능은 너무 미흡해 보여서, 무료로 로보폼을 대체할만한 확장기능이 없나 찾아보았습니다. 그래서 몇가지 설치하고 지우다 찾아낸것이 Sxipper와 Autofill Forms입니다. Sxipper는 패스워드 관리, Autofill Forms는 자동으로 폼채우는 기능을 위한 확장입니다. 모두 파이어폭스 최신 버전인 Firefox 3 beta 5를 지원합니다.
1. Sxipper 웹 사이트의 패스워드를 저장했다가 원클릭으로 손쉽게 로그인을 도와주는 확장기능입니다. 패스워드 저장은 파이어폭스 자체 기능을 이용하네요. 자동 폼채우기 기능도 지원하지만 수동으로 필드를 추가/편집하는 부분이 없어서 이 기능은 아래에 소개하는 Autofill Forms 확장기능을 이용하는 것이 좋겠습니다. 주요 기능을 살펴보면.. 아이디/비밀번호 저장, 원클릭 로그인오픈ID 지원로그인 정보 백업/복구 기능로그인 정보 불러오기/내보내기 가능로보폼 로그인 정보 불러오기 가능

설치하고 로그인폼이 있는 웹사이트에 접속하면 이미지처럼 입력하는 곳에 회색 로고가 나타납니다.
정상적으로 로그인하고 Sxipper가 로그인 정보를 저장하게 합니다.
이제 다음에 다시 로그인할때 이미지처럼 로그인 정보가 표시됩니다. 클릭하면 아이디/비밀번호를 채워주고 자동으로 로그인됩니다.
동일 사이트에 여러개의 로그인 정보를 가지고 있다면 이렇게 보여줍니다.
로그인 설정 화면입니다. Show Passwords : 저장된 암호를 보여줍니다. Site Exceptions : 암호를 저장하지 않는 사이트를 추가하고 관리합니다. Import Roboform Passcards : 기존 로보폼 사용자의 패스워드를 불러옵니다. 개인적으로 너무 좋았습니다.. ㅠㅠ Export : .csv 파일로 내보낼수 있습니다. Import : .csv 파일을 불러옵니다. Enable OpenID Manager : 오픈ID 관리자를 활성화합니다.
일반 설정입니다. 별다르게 건드릴것은 없는것 같습니다. Send anonymous usage statistics to sxipper.com : 체크하면 사용정보를 익명으로 sxipper.com에 전송합니다. 이건 꺼두는게 좋겠죠.. ^^ Show logo in status bar : 상태표시줄에 로고 아이콘을 표시합니다. Local Data : 데이터를 백업하고 복구합니다.
2. Autofill Forms 미리 입력한 폼을 이용해 웹사이트의 폼들을 자동으로 채워주는 확장기능입니다. 폼이 있는 웹사이트에서 도구 메뉴의 버튼을 클릭하거나 Alt+J 단축키를 이용해 한번에 채워줍니다.
이렇게 비어있는 폼을..
원클릭이나 단축키로 요렇게 채워줍니다.
설 정 메뉴의 Simple 탭입니다. 왼쪽의 필드명과 상응하는 값을 채워주면 됩니다. 영문으로 되어있어도 폼의 속성값에 대응해서 채워지기 때문에 굳이 한글로 안바꾸셔도 되지만, 매치되는 필드가 없으면 이름도 비교하기 때문에 한글로 바꾸면 더 좋은 결과를 얻을것 같습니다.
Main 탭의 모습입니다. 폼과 관련된 여러가지 속성값을 추가/편집 할 수 있습니다. Name : 룰을 구분하는 이름입니다.Value : 폼필드에 입력되는 값입니다.Field rule : 룰이 어떤 필드값에 적용되는지를 결정합니다.Site rule : 특정 웹사이트에만 룰을 적용 할 수 있습니다. Fiel rule과 Site rule은 정규식을 사용하며, 비밀번호 필드는 원래 포함되어 있지 않지만 필요하다면 Field rule에 다음과 같이 넣어주시면 됩니다. (?:^passwd$)|(?:^password$)
Interface 탭 화면입니다. 폼을 채우거나 프로필을 전환하는 단축키를 지정 할 수 있네요.
폼을 입력하는 곳에 마우스 우클릭을 하고 Fill out this field를 선택하면 개별적으로 폼에 대응하는 값을 입력 할 수 있습니다.
Add a rule for this field를 선택하면 해당 폼의 속성값을 기존의 프로필에 추가 할 수 있습니다. 폼에 사용된 속성값을 알아내는데 유용합니다. 바로 아래에 있는 Add complete form as profile을 클릭하면 현재 폼에 입력된 값들로 새로운 프로필을 만들수 있습니다.

이상으로 로보폼이나 익스플로러의 알패스에 대응할만한 파이어폭스 확장기능을 간단히 살펴보았는데요. Sxipper 는 웹마나 아토처럼 완전 자동로그인 기능이 없어서 약간 아쉬웠지만, 기본에 충실한 관리 기능과 안정성에 높은 점수를 주고싶습니다. 몇 분정도만 사용해도 금방 익숙해지기 때문에 예전에 사용했던 로보폼이 생각나지 않더군요.. ^^; 그 리고 Autofill Forms의 경우는 파폭3 이상을 지원하는 폼관련 확장기능 중에 가장 유연한 성능을 보여주긴 했지만, 폼을 편집하거나 추가하는 부분이 한글화가 안되어 있어서 처음에 적응하기가 쉽지 않은것 같습니다. 로보폼에 비교했을때 100점중에 80점 정도 주고싶네요. 파폭을 쓰시면서 더 좋은 툴이나 방법이 있으면 댓글로 알려주세요~ ^^;
http://www.choboweb.com/entry/%ED%8C%8C%EC%9D%B4%EC%96%B4%ED%8F%AD%EC%8A%A4%EC%9D%98-%ED%8C%A8%EC%8A%A4%EC%9B%8C%EB%93%9C%EC%99%80-%ED%8F%BC-%EC%B1%84%EC%9A%B0%EA%B8%B0%EB%A5%BC-%ED%9A%A8%EA%B3%BC%EC%A0%81%EC%9C%BC%EB%A1%9C?category=24

여러가지 쓸만한 G메일 관련 그리즈몽키 스크립트를 합쳐 확장기능으로 만든 Better Gmail 2가 업데이트 됐습니다. 새롭게 추가된 기능으로는 다음 사항이 눈에 띄네요. 파이어폭스 3.0 지원HTML Signature (HTML 서명 넣기) <-- 언어를 영어로 선택해야 작동하네요.Filter Assistant (메시지창 안에서 필터 추가) <-- 이것도 언어가 영어일때 작동Gmail Redesigned 스킨
Gmail Redesigned 스킨은 정말 킹왕짱 멋집니다.. ㅎ
이밖에 Better Gmail 2의 쓸만한 기능을 보면..
Inbox Count First : 읽지 않은 메일 숫자를 탭 앞에 먼저 보여줍니다.
Add Row Highlights : 마우스 커서가 위치하는 메시지 줄을 하이라이트 시켜줍니다.
Attachment Icons : 첨부파일 종류를 아이콘으로 표현해서 쉽게 알아 볼 수 있습니다.
Folders4Gmail : 라벨을 트리 형식으로 관리 할 수 있습니다. Dad를 Family 하부 라벨로 넣으려면 Family/Dad 형식으로 라벨을 바꿔주면 됩니다.
그밖에.. Compose mailto: Links in Gmail : mailto 링크를 G메일로 연결해 줍니다. Hide Spam Count : 스팸 메시지 카운트를 숨겨줍니다. Hide Invites Box : G메일 초대 상자를 사이드바에서 숨겨줍니다. Macros, Macros Modified : 두 기능 모두 G메일에 몇가지 단축키를 더해줍니다. ?키와 h키를 누르면 도움말이 나와요. Gmail Blue와 Grays and Blues 스킨도 지원합니다.
파이어폭스와 G메일을 같이 쓰신다면 참 좋은 선택인것 같습니다.. ^^;
http://www.choboweb.com/entry/G%EB%A9%94%EC%9D%BC-%EC%82%AC%EC%9A%A9%EC%9E%90%EC%9D%98-%EC%B6%94%EC%B2%9C-%EC%95%A0%EB%93%9C%EC%98%A8-Better-Gmail-2-%EC%97%85%EB%8D%B0%EC%9D%B4%ED%8A%B8?category=24

Stylish 확장 소개 및 다운로드 주소 : http://update.mozilla.or.kr/addons/?p=785&application=firefox&addonType=extension
https://addons.mozilla.org/ko/firefox/addon/2108

아래는 사이트 이용의 편리성, 파이어폭스 브라우저상에서의 표시문제해결, 개인적인 취향 등에
의해 작성하여 사용 중인 스타일들이다.

등록한 스타일들은 [파이어폭스 프로필폴더\stylish.rdf 파일]로 저장된다.
프로필 폴더가 여러개일 때도 stylish.rdf 파일만 복사 붙여넣기 하면 똑같이 적용된다. Daum카페 게시물 보기 페이지(bbs_read)에서
오른쪽에 붙어있는 '최신목록 목록 윗글 아랫글' 메뉴를 왼쪽으로 붙임.
(안 그럼 게시물에서 가로 스크롤바 생길 때 윗글, 아랫글 링크를 누르기가 불편해서.
'cafe155.daum.net'에서 숫자 부분이 카페마다 대부분 틀리기 때문에
자주가는 카페만 등록하여 사용.)
@-moz-document url-prefix(http://cafe155.daum.net/_c21_/bbs_read) {
#primary_content .list_btn div.listpage {float:left !important; padding: 6px 0px 0px 10px!important;}
} 티스토리 블로그 글쓰기창 가로 넓이를 540px에서 630px으로 넓혀줌.
(가로 600px 이미지를 주로 삽입하는데 가로 스크롤바가 생기는게 불편해서.
가로폭이 좁은 스킨에서는 바꾸지 않는게 좋음.)
'windspace.tistory.com'에 자신의 블로그 주소 입력.
@-moz-document url-prefix(http://windspace.tistory.com/owner/entry/) {
#tatterVisualEditor {width: 630px !important;}
} 네이버 블로그 메모로그 댓글에 스크롤바 생성. (안 그럼 댓글이 짤려서 다 못 봄.)
@-moz-document url-prefix(http://memolog.blog.naver.com/memoView) {
#CommentFrm {height: 500px !important;overflow-x:hidden !important; overflow-y:scroll !important;}
} 네이버 블로그 목록보기에서 태그 숨김.
(안 그럼 목록 제목이 태그 때문에 눈에 잘 안 들어와서)
@-moz-document url-prefix(http://blog.naver.com/) {
.listtbl .post-tag {display:none !important;}
} 올블로그 '블로그스피어스는 지금'칸 위에 '관심 가져주세요'칸을 덮어 씌움.
(단점 : '블로그스피어스는 지금'칸은 가려져서 볼 수 없게됨.)
@-moz-document url-prefix(http://www.allblog.net/) {
.issue_wrap {height:450px !important;}
.attPost {Position:absolute !important; top:100px !important;}
} 올블로그 '오늘 가장 많이 추천받은 글', '어제 가장 많이 추천받은 글' 스타일 약간 수정
(기존 연청색 줄무늬 바탕을 회색으로 변경.)
#most_favorite .list {height:280px !important;}
#most_favorite .list, #albling .contents li {background-color:#fff !important;}
#most_favorite .header h3 {background-image: url(http://files.allblog.net/img/i_upgrade.gif) !important;}
#most_favorite .list li {background-image: url() !important; padding-left: 5px !important;}
#albling .contents .image_wrap {display:none !important;}
#albling .contents .entry_wrap {width: 211px !important;padding-left: 0px !important;}
#albling .contents {border-left:1px solid #E0ECF4 !important;}
.read_ppl a {color:#B3C83F !important;font-weight:normal !important;}
} 조아라 만화작품 보기 페이지에 스크롤바 생성
(안 그럼 만화가 짤려서 다 못봄.)
@-moz-document domain("www.joara.com") {
#imagebook {overflow-x:hidden !important; overflow-y:scroll !important;}
}네이버 북마크 페이지 스타일 일부 변경.
(메모 내용 글씨 사이즈를 약간 키움.)
@-moz-document url-prefix(http://bookmark.naver.com/user/) {
#bookmark_comment {font-size:9pt !important; color:#666 !important;}
.gray02 {color:#3074A5 !important;}
} 네이버 블로그 안부게시판 글쓰기란에 회색 border 생성.
(안 그럼 글쓰기란과 그 외의 공간이 시각적인 경계가 없음.)
@-moz-document url-prefix(http://guestbook.blog.naver.com) {
#POSTEDITOR {border:solid 1px #ddd !important;}
} 싸이월드 뉴스 기사 페이지 오른쪽 메뉴 바탕색 변경
(기존 연청색에서 회색으로 변경.)
@-moz-document url-prefix(http://cynews.cyworld.com/) {
.news_section .mod_common04 { background:url('http://c1img3.cyworld.co.kr/img/cynews/bg_r_cmd02_btm.gif
') left bottom no-repeat !important; }

.news_section.mod_common04 .inner {background:url('http://c1img3.cyworld.co.kr/img/cynews/bg_r_cmd02_top.gif')left top no-repeat !important; }

.news_section .mod_common01 { background:url('http://c1img3.cyworld.co.kr/img/cynews/bg_r_cmd02_btm.gif
') left bottom no-repeat !important; }

.news_section.mod_common01 .inner {background:url('http://c1img3.cyworld.co.kr/img/cynews/bg_r_cmd02_top.gif')left top no-repeat !important; }
} 마가린 소셜 북마크 북마크 목록 스타일 변경.
(북마크 제목 크기 줄이고 검정색으로, 태그 파란색으로 변경. 기타 변경.)
@-moz-document url-prefix(http://mar.gar.in/) {
table:first-child {background-image:none !important;}
.header-title {color:#999 !important;}
#hiddenSection {border-bottom: 3px solid #d1d1d1 !important;}
.itemTitle {color:#212121 !important;font-size: 1.1em !important;}
#contentItem-section .itemsTitle {color:#212121 !important;font-size: 1.1em !important;}
.itemsTagTitle,.itemTagTitle {font: 0.9em '돋움',verdana !important; background-color: #efefef !important; border:1px solid #afafaf !important;color: #9f9f9f !important; padding: 2px 0px 0px 5px !important; margin-right: 7px !important;}
.itemsTag,.itemTag {color: #336699 !important;}
#contentItem-section span .nlbText {color: #666 !important;}
#contentItem-section .nlgText {color: #9f9f9f !important;font-size: 0.9em !important;display:block !important;width:70px !important;height:12px !important;overflow:hidden !important;white-space:nowrap !important;float:left !important;}
#contentItem-section a .postFunction {color: #666 !important;background-color: #eee !important;}
#contentItem-section .noText {color: #6f6f6f !important; text-decoration:underline !important;font-size: 1.1em !important;}
#contentItem-section .nextItem {height:16px !important;}
.itemNextLine5 {height:2px !important;}
} http://windspace.tistory.com/210

모질라 파이어폭스 폭스케 스타일
지난번에 폭스케 테마로 불여우 겉모양을 바꿔봤으니, 이번에는 관련 부가 기능을 이용해서 불여우 자체를 간단히 폭스케 스타일로 꾸며 보도록 하죠.

1. Foxkeh Theme를 설치합니다.
Foxkeh 테마를 설치해서 불여우 테마를 폭스케 스타일로 변경합니다.

2. フォクすけといっしょ 확장 기능을 설치합니다.
Hadakadenkyu가 만든 フォクすけといっしょ(폭스케와 함께) 확장 기능을 설치하면 아래 그림과 같이 불여우 인터페이스 배경 효과(북마크와 방문기록 사이드바, 부가 기능 관리자, 다운로드 관리자, 오류 정보, Mozilla Firefox 정보, 페이지 정보, 도구모음 설정)가 폭스케 스타일로 바뀌게 됩니다.

북마크 배경 / 방문 기록 사이드바 배경부가 기능 배경 / 다운로드 관리자 배경방문 사이트 오류 정보 배경 / Mozilla Firefox 정보창 배경페이지 정보 상단 배경 / 사용자 지정 도구모음 설정 하단 배경
3. 마지막으로 Jason Barnabe가 만든 Stylish 확장 기능을 설치한 다음 (불여우 재시작 필요), 추가로 About:Blank Firefox라는 Stylish용 스크립트를 설치('Load into Stylish' 단추 클릭)해서 about:blank(빈 페이지, 빈 탭, 새 탭, 작업 중 등) 배경을 폭스케로 바꿔줍니다.
Stylish용 about:blank 폭스케 스크립트는 찾아보면 몇 가지(About:blank - Foxkeh Side, About:blank Foxkeh - Front 등) 더 있으니 마음에 드는 걸로 적용하세요. 스크립트를 다룰 줄 아는 경우에는 직접 만들어서 사용해도 됩니다. 다양한 폭스케 이미지는 이곳으로.

Stylish용 사용자 스크립트로 변경한 about:blank 폭스케 배경
이상 끝.


꼬리)
모질라 일본에 폭스케 불여우 마스코트가 있다면, 모질라 중국에는 G-Fox라는 불여우 마스코트가 있습니다. G-Fox 테마도 있는데, 확장 기능 형식의 .xpi 파일이고 덩치도 큽니다. 압축을 풀어 대충 살펴보니 변경시키는 게 많은 것 같네요. 탭에는 반투명 효과가 있는 것 같습니다. 어쨌든 G-Fox 캐릭터는 귀여운데 테마는 제 취향이 아닌 것 같아 설치하려다 말았습니다.=ㅅ=아이폰/아이팟 터치용 폭스케 테마도 있습니다. 폭스케 가젯도 무지 귀엽네요.

http://ychur.tistory.com/261