'사파리'에 해당되는 글 3건

MAC

 

 

imac.png


사파리에서 Firebug 사용하기?

 

 

파이어폭스에는 firebug라는 아주 좋은 html/css에디터가 있습니다.

html문서 안의 각각의 속성을 마우스만 갖다대면 쉽게 알 수 있고, 

적용된 스타일 목록까지 보여주는 강력한 툴입니다.

많은분들이 이 툴을 이용해서 작업을 하고 계실거라 생각이 드는데,  사파리에도 유사한 기능이 내장되어 있습니다.

'웹 속성 보기'가 그것입니다.

 

이 기능은, 사파리 내의 환경설정-> 고급 탭에서 찾아볼 수 있는 

'메뉴 막대에서 개발자용 메뉴 보기' 를 체크하면 사용하실 수 있습니다.

 

단축키는

 

 

이렇게 설정하고 나서 사이트에서 웹 속성 보기를 선택하거나, 

단축키를 누르면 firebug와 상당히 비슷한 화면을 볼 수 있습니다.

물론 사용성에서 일부 차이가 나며 사파리가 더 강력한 부분이나 firebug가 더 강력한 부분도 있습니다.

(웹페이지의 퍼포먼스 디버깅에는 사파리가, html과 css를 편집하기에는 firebug가 더 강점을 갖고 있다고 생각합니다.)

 


다음에서 '웹 속성 보기'를 띄운 화면

 

 

div속성에 오른클릭을 하면 html문을 편집할 수도 있습니다. 

 

 

One more thing...



브라우저에 띄워져 있는 페이지에서 각 개체의 주소와 크기를 를 추적하려면..  

윈도우 -> 브라우저 상태도를 띄우시면 됩니다.

단축키는

 

 

신고
0 0
MAC


사파리5에 많은 신기능이 생겼지만,  '읽기도구'만큼 편리한 기능은 없을것입니다.

난잡하고 광고가 많은 뉴스페이지를 한방에 정리해주니까요.



이런 페이지가..



이렇게...

그런데 읽기 도구의 원래 모양은 이렇습니다.




 한 외국 디자이너가 이것을 종이 질감이 나게 스킨을 만들었지요.






그분의 다운로드 페이지: http://jarqu.es/reader/

여기서 다운을 받은 후, 폴더에 있는 파일을 통채로


맥: Safari.app의 '패키지 내용보기'/ Contents/ Reasources/

윈도우:  Program File/ Safari/ Safari.resources/

위치에 덮어씌우시면 됩니다.


윈도우 사용자를 위해, 기본 폰트를 한글 '나눔명조'로 바꾼 Reader.html 파일도 동봉합니다.

역시 압축을 풀어서 나온 파일을 같은 폴더에 덮어씌우시면 됩니다.


신고
0 0
MAC
맥을 사용하는분들이라면 사파리를 많이들 사용하실텐데, 
사파리5 safari5가 파이어폭스나 크롬처럼 공식적으로 부가기능을 지원하게 되었습니다.
아마도 애플사이트 내부에 부가기능을 다운로드 받을 수 있는 장소를 운영할것으로 보입니다.

아직은 개발툴만 공개한채 따로 올릴 장소를 제공하지 않아서 블로그나 기존 사파리 플러그인 사이트를 이용해야 하는데
지금까지 나온 부가기능들 모두가 현존하는 가장 아름다운 브라우저인 사파리의 플러그인들 답게 매우 깔끔하고 아름답습니다.
강력한 파이어폭스의 부가기능에 매력을 느꼈지만, 조악한 아이콘이나, 아름답지 못한 인터페이스 등,
세련되지 않은 사용환경에 불만을 느끼셨던 분들이라면 이제는 사파리 부가기능을 사용하시는 것도 괜찮을 성 싶습니다.


http://safariextensions.tumblr.com/
사파리 익스텐션을 다운받을 수 있는 장소중 하나인 safariextensions 텀블러 미니블로그.


사파리5에서 새로 지원하는 확장프로그램 관리
기존의 많은 플러그인들이나, greasemonkey 스크립트들이 부가기능화 되었습니다.

확장기능을 켜려면..
사파리 환경설정의 고급 탭에서>>

메뉴 막대에서 개발자용 메뉴 보기를 체크하고...


활성화된 개발자용 메뉴막대에서 확장프로그램 활성화를 체크합니다.


몇가지 확장기능 소개


오른클릭이 금지된 사이트에서 그림을 저장할 수 있게 해주는 Image Reveal
http://byebyte.blogspot.com/2010/06/safari-extension-dislodge-blocked.html


구글리더를 깔끔하게 바꿔주는 Lucidica
http://ismaelsobek.com/lucidica/



지메일의 Inbox메일을 체크해주는 GmailCounter
http://elix14.altervista.org/GMailCounter/Info/


아직까지 파이어폭스처럼 다양하지는 않지만 벌써 많은 양의 확장기능이 개발되고 있는 것을 감안해 볼 때, 사파리 확장기능은 반가운 소식인것만은 틀림없습니다. 저 또한 주 브라우저가 사파리이기때문에 확장프로그램을 사용할 수 있게 된것이 반갑습니다.
신고
0 0
1
블로그 이미지

린스네 집

고양이와 참치