" safari(으)로 태그된 글들"

블로그에 읽기도구(Reader) 활성화

2012-04-04   //   alexken작성   //   기술  //  2 Comments

Windows, Mac 모두 Chrome을 주 브라우저로 사용하고 있지만, Mac에서 가끔, 그리고, iOS 기기에서는 Safari를 쓴다.

그리고 Safari5에 들어간 읽기도구 기능을 애용한다.

블로그 글의 경우 주소줄에 [읽기도구] 배지가 뜨면, 항상 이 기능을 이용한다.
원 서식은 모두 날려버린 후 딱 글에 집중하기 좋게 만들어 준다.
하지만 어쩐 이유인지, 이 블로그에서는 [읽기도구]가 활성화 되지 않아 예전부터 원인이 뭔지 궁금했지만 귀찮아서 지금까지 내버려뒀다.

http://mathiasbynens.be/notes/safari-reader

에서 많은 도움을 얻었고, [읽기도구] 배지를 활성화하는 조건이 여럿 있는데, 가장 쉽고, 확실한 방법은 HTML5의 <article>태그를 본문에 해당하는 전후에 붙여주면 된다.

주의: 단일글에 한해서 활성화된다. 즉 한 페이지 내에서 <article>태그는 한번 등장해야 한다.
내가 시험했을땐 그랬지만, 타 사이트의 Reader가 활성화 되고도, 복수개의 <article>태그가 있는 사례를 발견.

<article> 태그의 자세한 내용은
W3C HTML5 표준 4.4.4절 참조
http://www.w3.org/TR/html5/the-article-element.html

Safari for Windows

2007-06-12   //   alexken작성   //   기술  //  3 Comments

오늘 레오파드가 발표 되었나 보다.

새로 추가된 기능들 하나하나가 군더더기 없이 다 바랬었던… 기능들로 당장이라도 업그레이드 하고 싶은 정도였다.

근데 놀랍게도, Windows용 사파리가 비록 베타지만 발표된게 아닌가….

속도도 다른 브라우저에 비해 2배 빠르다는 그래프와 함께 “Browse like Wind”

당장 Windows PC에 설치후 기대되는 마음으로 바탕화면의 safari를 클릭했더니만…..

safari.png

아직까지 윈도우즈용 사파리를 구경하지 못했다.

IE7, FireFox, Safari 에서 블로그 검색을 쉽게 하기

2007-03-15   //   alexken작성   //   기술  //  1 Comment

하늘의 닷넷의 검색 메뉴
어느 블로그나 검색 메뉴가 있다. 나의 경우는 show menu를 누르면 사이드 바가 뜨고 검색 메뉴가 있다. 혹은 사전을 위해서 dic.naver.com을 찾아가거나 한다.
매번 해당 블로그나 사이트에 가서 메뉴가 있는 곳 까지 찾아 가서 검색을 하는게 가끔 번거러울 때가 있다.
이를 좀더 쉽게 해보자.

Safari

safari

MacOSX의 사파리의 경우에는 예전부터 sogudi라는 플러그인이 있어서, 이미 잘 사용하고 있었다.
safari에 sogudi를 설치하면 다음과 같은 설정창에서
hanury -> http://hanury.net/wp/index.php?s=@@@
와 같이 검색할 파라미터를 @@@로 해서 검색 URL을 입력해 두면, 주소창에 URL 형태가 아닌 “hanury 검색어” 처럼 입력하면 @@@를 검색어로 치환해 주는 플러그인이다.
이를 이용해서, 영어 사전은 eng, 이미지 검색은 img 등으로 설정해서 편하게 사용해 왔다.
나에겐 MacOS 설치시 필수 항목으로 자리잡았다.sogudi
단점은 주소를 UTF-8으로 보내기 때문에 국내 사이트중 대부분이 KSC-5601_1987로만 받아서 깨지는 경우가 많다.
Naver도 그중 하나이다.

OpenSearch이런 와중에 OpenSearch에서 이런 부분을 xml 스키마 형태로 표준화 했고,
IE7과 FireFox가 지원하기 시작했다.

FireFox

FireFox

ff-search1.png
OpenSearch에서 정의한 대로 Search Provider XML을 작성해서 searchplugins 폴더에 놔 두면 된다.
MacOSX용 FF의 경우라면 Package 내 Contents/MacOS/searchplugins/ 에 해당한다.

직접 편집하는 만큼 자유도가 높다.
재밌는건 아이콘을 넣을려면, Base64로 인코딩 된 스트링을 알아야 하는데, 내 경우에는 아이콘 파일을 나한테 보내서
메일 메시지의 [본문 원본보기] 로 알아냈다. (아마 더 낳은 방법이 있을거 같은데…. 암튼.)

또 다른 방법으로 [검색 사이트 관리…] – [추가할 검색사이트 찾기]를 눌러보면
다른 사용자들이 올려놓은 사전등의 SearchProvider 들이 등록되어 있다.
입맛에 맞게 골라 쓰면 된다.

OpenSearch 용 XML내용은 대략 다음과 같다.

<SearchPlugin xmlns="http://www.mozilla.org/2006/browser/search/">
   <ShortName>Hanury</ShortName>
   <Description>Hanury.NET Search</Description>
   <InputEncoding>UTF-8</InputEncoding>
   <Image width="16" height="16">data:image/ico;base64,Qk04AgAAAAAAADY
         AAAAoAAAAEAAAABAAAAABABAAAAAAAAICAAASCwAAEgsAAAAAAAAAAA
         AATlpvYm9mTmLTahRvsG7RbvJu8m7RDlYOUpNeem+8c5xze284Z5FW5Vk
         Wa753e284Z+tVhlVGUQRF4zwFOQ5Km3Obb/Veb1LDVa9 ...
   </Image>
   <Url type="text/html" method="GET"
        template="http://hanury.net/wp/index.php">
      <Param name="s" value="{searchTerms}"/>
   </Url>
   <SearchForm>http://hanury.net/wp</SearchForm>
</SearchPlugin>

IE 7

IE 7

ie-search.png
Microsoft IE7 도 OpenSearch 표준에 참가해서 IE 7 부터 FF 와 같은 방식의 SearchProvider를 제공한다.
FF와 같은 표준을 구현하였기에 대략 비슷하지만 각각 차이가 있다.

  • FF가 icon을 제공하는데 반해 IE는 제공하지 않는다.
  • FF, IE 모두 남들(혹은 서비스 제공자)가 만들어 준 SearchProvider를 쉽게 추가할수 있다.
  • 하지만 IE에 좀더 후한 점수를 주고 싶은 건 [Find more Provider] – [직접 만들기] 기능이다.
    naver 사전이나, 가격 검색 등은 남들이 만들어 주겠지만, 나만을 위한 SearchProvider는 제공 받을리 만무 하다.
    이럴때 FF는 내가 직접 XML을 편집해서 만들 수 있지만, xml 편집 조차 부담스러워 하는 사람들에게는 IE의 [직접 만들기] 기능은 상당히 매력적이다.
  • sogudi와 비교해서는 추가 설치하지 않아도 된다는 점
  • sogudi가 UTF-8만 지원하는데 반해, [직접만들기]-[여기를 클릭]을 누르면 입력 옵션이 더 늘어서 인코딩 등을 추가 설정해 줄수 있다.(국내 사이트를 위해서 중요하다.)

직접 만들기
safari의 sogudi의 @@@ 처럼 검색어를 대문자 TEST로 해서 입력하고, 이름을 입력하고 바로 밑에 있는 [설치] 단추를 누르면 끝.
한동안 시장 점유율만 믿고, IE6에서 개발을 한동안 중단했던 거만함도, MS가 몇년전부터 노래부르던 UX를 위해 IE7을 통해, 그동안 아쉬웠던, TabBrowsing, RSS 지원, OpenSearch 등등 긍정적인 방향으로 나아가는거 같다.

본인의 경우는 각종 사전류, 회사 프로젝트에 사용하는 trac, 그리고 내 블로그 검색 용으로 개인용 SearchProvider를 만들어 사용하고 있다.