star

#Ludens

#social #IT #web #iPad #fashion #psychology #responsive

아이폰/아이패드 사파리에서 바로 네이버 검색하기 (with !Bang)

2015.08.18 00:41 in IT/Mobile

Home Screen on iPhone 5 in hand

애플의 아이폰, 아이패드의 iOS는 제한이 많죠. 제일 답답한 부분은, 안드로이드처럼 기본 웹브라우저를 바꿀수도 없다는 점입니다. 그나마 사파리의 대안으로 iOS용 크롬이 있고, 크롬에서 기본검색엔진을 바꾸는 방법도 있습니다만 결정적으로 크롬이 전체적으로 느리죠. 저도 한때는 아이패드에서 크롬을 주로 썼지만, 링크를 크롬으로 띄워주는 앱도 그렇게 많지 않고 느리다보니 결국 사파리로 돌아갔습니다.

사파리에서 한방에 네이버로 검색하는 기존의 방법들

탈옥없이 네이버검색을 사용하는 방법은 이미 두가지가 있습니다.

위의 방법은 북마클릿을 이용하는 방법이고, 아래의 방법은 사파리의 ‘빠른 웹 사이트 검색’을 이용하는 방법입니다. 위의 방법들도 편한 방법이지만, 제가 여기서 소개할 방법은 iOS8부터 검색엔진에 추가된 DuckDuckGo를 사용하는 방법입니다.

DuckDuckGo와 !Bang

DuckDuckGo Logo

귀요미 오리모양의 로고의 덕덕고는 구글과 달리 사용자가 입력한 검색어나 사용자의 정보를 수집하지 않는 검색엔진입니다. 덕덕고에 대해 다룬 블로터 기사를 읽어보시면 잘 아실 수 있습니다.

덕덕고 CEO “검색엔진이 사용자 정보가 왜 필요해?”

그리고 !Bang덕덕고에서 특정사이트를 바로 검색할 수 있게 해주는 기능입니다.
!명령어 검색어와 같은 형식으로 되어있고, 지원하는 사이트가 꽤 많습니다.

사파리에서 진짜로 한방에 네이버 검색하기

먼저 덕덕고를 사파리의 기본 검색엔진으로 지정합니다.

설정 > Safari > 검색 엔진 > DuckDuckGo 선택

그리고 사파리를 켜서 주소표시줄에 !naver 검색어를 입력하고 ‘이동’버튼을 누릅니다.

저는 '!naver 아이폰'이라고 검색했습니다.

그러면 바로 네이버의 아이폰 검색결과로 이동합니다.

아이폰 네이버 검색결과

네이버뿐 아니라 다른 사이트도 한방에!

이 팁의 장점은 다른 사이트도 한방에 검색할 수 있다는 점입니다. 제가 그 많은 목록을 일일이 다 살펴보고(..) 유용한 사이트만 정리해서 모아보았습니다. 놀랍게도 국내 사이트들도 몇개 있더군요 :)

    검색엔진
  • 구글: !g
  • 구글 이미지검색: !i
  • 구글 학술검색: !gsc
  • 네이버: !naver
  • 다음: !daum
  • 바이두: !bd
  • Wolfram Alpha: !wa
    영어사전, 백과사전
  • 네이버 영어사전: !endic
  • 옥스포드 영영사전: !ox
  • Thesaurus.com: !t
  • 나무위키: !namu
  • 위키백과 영어: !w
  • 위키백과 한글: !wko
  • 위키백과 일본어: !wja
    쇼핑
  • 11번가: !11st
  • 아마존 미국: !a
  • 아마존 일본: !ajp
  • 이베이: !e
  • 엣시: !etsy
  • 구글 쇼핑: !gs
    엔터테인먼트
  • IMDb: !imd
  • 로튼토마토: !rt
  • 플리커: !f
  • 사운드클라우드: !sc
  • 에어비엔비: !airbnb
  • 스팀: !steam
    유틸리티
  • 구글 번역: !gt
  • 앱스토어: !appstore
  • Alternative To: !alt
  • What is my IP Adress: !ip
  • is.gd: !isgd
  • QR코드 생성: !qr
    소셜미디어
  • 트위터: !tw
  • 트위터 사용자: !@
  • 웹스타그램: !websta
  • 핀터레스트: !pin
  • 미디움: !medium
    동영상
  • 유투브: !yt
  • 비메오: !vimeo
  • 데일리모션: !dm
  • 유쿠: !youku
    지도
  • 다음 지도: !dmap
  • 네이버 지도: !nmap
  • 구글 지도: !m

덧) 하지만 대부분 이미 다 네이버앱, 다음앱 깔아서 쓰고있겠죠?(…)
덧2) 이 글과는 좀 동떨어진 주제지만, 환율도 볼 수 있습니다. → 1usd krw

신고
tag11번가, Airbnb, Alternative To, Amazon, Apple, appstore, Bang, dailymotion, Daum, duckduckgo, Ebay, etsy, Flickr, Google, IOS, iPad, iPhone, is.gd, Medium, naver, Pinterest, QR Code, Rotten Tomatoes, Safari, SHOPPING, Soundcloud, steam, thesaurus, Twitter, vimeo, WEBSTAGRAM, What is my IP address, Wolfram Alpha, youtube, 優酷, 百度, 검색, 나무위키, 동영상, 번역, 사전, 영어사전, 영영사전, 위키백과, 지도
받은 트랙백이 없고 , 댓글이 없습니다.

인포그래픽 한장으로 보는 소셜미디어 이미지 크기

2015.06.25 15:09 in Web/Service

정말로, 오랜만에 써보는 글이네요.
RSS 리더기를 눈팅만하다가 괜찮은 인포그래픽을 하나 발견해서 올려봅니다 😃😃

페이스북, 구글플러스, 트위터, 텀블러, 유투브, 링크드인, 핀터레스트, 인스타그램의 프로필과 커버에 들어가는 이미지 사이즈를 알려주는 인포그래픽인데요, 제작한 곳은 Canva라는 곳입니다.

Canva를 처음 듣는 분이 계실텐데, 사이트에 들어가보시면, 페이스북 커버사진이나 인스타그램 이미지, 포스터 등을 간단하게 만들 수 있는 그래픽 툴을 무료로(!) 제공하는 곳입니다. 저는 아이패드 앱으로 먼저 알게됬는데, 웹에서도 사용 가능하네요 😍😍


전체 인포그래픽 보기

내용이 긴 편이라, 잘라서 살펴보도록 하죠. 순서는 약간 바꿨습니다.

페이스북

페이스북은 커버 이미지, 프로필사진, 게시글 이미지 이렇게 3가지로 나누어져 있습니다.

  • 커버이미지: 851px × 315px
  • 프로필사진: 180px × 180px
  • 게시글 이미지: 1200px × 900px

페이스북에서 조심해야 할 점은 커버사진의 프로필사진영역이 중요한 정보를 가리면 안된다는 것과, 커버와 프로필이 이어지는 이미지로 작업한다면,[각주:1] 프로필 이미지가 160px로 줄여져서 나온다는 부분은 조심해야 겠죠.

인스타그램

인스타그램 웹버전이 어느새 위의 캡쳐이미지 처럼 바뀌었네요 😓😓
그래도 업로드하는 이미지 크기(640px)는 그대로입니다.

트위터

요새 많이 죽었지만(주그지마ㅠ) 그래도 올려봅니다. 트위터도 역시 페이스북과 마찬가지로 커버 이미지, 프로필사진, 게시글 이미지가 있습니다.

  • 커버이미지: 1500px × 500px
  • 프로필사진: 400px × 400px
  • 게시글 이미지: 1024px × 512px

트위터가 페이스북을 자꾸 따라하다보니 비슷비슷하네요. 역시 주의할 점은 페이스북처럼 커버사진이 중요한 정보를 가리면 안되겠고, 커버와 프로필을 이어지는 이미지라면 역시 프로필사진이 200px로 줄어든다는 점을 확인해야겠죠. 그리고 게시글 이미지는 타임라인에선 505px × 253px으로 나오지만, 비율은 그대로라서 상관은 크게 없어 보이네요.

텀블러

텀블러는 이미지를 보아하니 대시보드 기준이네요. 대시보드에서는 프로필사진과 게시글 이미지가 있습니다.

  • 프로필사진: 128px × 128px (최소)
  • 게시글 이미지: 1280px × 1920px (최대)

제 생각엔 게시글 이미지는 실제 표시되는 이미지의 가로 500px만 맞춰주면 될 것 같네요.

핀터레스트

텀블러와 함께 뜨고있는(근데 수익모델은 뭘까싶은) 핀터레스트입니다. 핀터레스트엔 프로필사진, 보드사진, 핀된 이미지가 있습니다.

  • 프로필사진: 165px × 165px
  • 보드사진: 가로 236px 이상
  • 핀된 이미지: 가로 600px736px 이상

보드사진은 제가 측정했을때는 216px × 146px으로 나옵니다. 사실 가로 236px로 되어있는 이유는 핀된 이미지를 메인페이지에서 보여줄때 가로를 236px로 보여주기 때문인 것 같네요. 그리고 핀 된 이미지는 확대했을 때 600px가 아니라, 736px이상이여야 잘 나옵니다.

유투브

유투브는 개인 프로필대신 채널페이지가 있죠.

  • 채널아이콘: 800px × 800px
  • 채널아트: 2560px × 1440px

이미지크기가 엄청 크네요 😣😣 채널아이콘은 98px로 표시되면서, 권장사이즈는 800px이군요. 그리고 비디오 비율은 16:9로 표시되어야 한다네요.

링크드인

국내에서는 많이 사용하진 않지만, 해외에서 흥하고있는 링크드인입니다. 링크드인은 개인프로필 페이지와 회사프로필 페이지로 나누어져 있네요.

  • 개인 프로필사진: 500px × 500px
  • 개인 커버이미지: 1400px × 425px
  • 회사 로고: 100px × 60px
  • 회사 커버이미지: 646px × 220px

링크드인은 크리에이티브한 사진을 넣기보단.. formal한 사진을 넣어야해서 그런지, 개인 커버이미지는 옵션입니다.

구글플러스

아무도 쓰지않...는듯한 구글플러스입니다. 요새는 안드로이드 앱을 테스트 중이라면 커뮤니티에 가입해야 테스트 앱을 받아볼수도 있기도 해서, 약간 사용자가 늘어난 것 같기도 합니다. 어쨌든, 구글플러스의 프로필페이지엔 프로필사진, 커버이미지, 게시글 이미지 3가지가 있습니다.

  • 프로필사진: 250px × 250px
  • 커버이미지: 1240px × 700px
  • 게시글 이미지: 가로 497px

크게 주의할 점은 없고, 역시 유투브처럼 이미지가 크다는 특징이 있네요.


이렇게 정리해보니 많네요..
저는 이미지크기를 딱 맞게 올리거나 하는건 추천하지 않습니다. 인스타그램처럼 리디자인되어 이미지 크기가 바뀌거나 한다면, 이쁘게 안나올 수도 있으니까요 😢

역시 사진은 크게크게 올리는게 최고입니다 😎😎

  1. <img src="http://cfile4.uf.tistory.com/P150x100/2106BC44558B78900AB260"> [본문으로]
신고
tagCanva, cover, facebook, Google+, infographic, instagram, linkedin, Pinterest, Profile, social media, tumblr, Twitter, youtube, 게시글, 사진, 크기
받은 트랙백이 없고 , 댓글이 없습니다.

we heart it - 핀터레스트보다 예쁘고 감성적인 서비스

2012.08.21 09:15 in Web/Service

제가 자주 사용하는 서비스 중에 We heart it이라는 서비스가 있습니다.
이 서비스는 이미지 북마크 서비스로 웹서핑 중 따로 저장하고싶은 이미지를 저장할 수 있는 서비스입니다.

이미지 북마크 서비스는 이전에도 있었다

we♥it 이전에도 이미지 북마크서비스는 이전부터 유명한 서비스들이 꽤 있습니다. FFFFOUND!imgfave와 같은 곳들이죠. 하지만 저런 곳들의 단점은 무엇일까요? 메인에 이상해괴한 사진들이 은근히 많다는 겁니다.(물론 제 개인적인 생각입니다) 그리고 이쁘다고는 말 못할 UI를 가지고 있습니다.

그럼 핀터레스트는?

혹시 떠오르실지 모르겠지만, 요즘 대세라는 핀터레스트UI도 예쁘고 메인에 이상해괴한 사진도 적은 편입니다.
하지만, 저는 핀터레스트를 싫어합니다. 싫어하는 이유는 (지극히 개인적인데,) 마케팅툴로 너무 알려졌다는 겁니다.
핀터레스트 마케팅은 곧 온라인쇼핑몰의 매출이라는 생각이 많아서인지, 상품들이 많이 올라옵니다.(그렇다고 상품들이 예쁜것만 올라오는것도 아닙니다!) 그래서 장삿속이 보이는듯한 핀터레스트를 멀리하게 되어버렸죠.
(한국의 경우도 핀터레스트로 마케팅 어쩌구저쩌구 떠드는 사람들이 많죠...)

이름부터 호감형인 we♥it

제가 we♥it을 좋아하게 된 것은 서비스명이 첫 이유였습니다. 서비스명부터 엄청 사랑스럽지 않나요?+_+
전 이 서비스명을 제가 따로 운영하는 Ludens ♥ OperaLudens ♥ Infographics의 이름을 지을때 벤치마킹(?)했을 정도로 좋아합니다.

화려하진 않지만 깔끔하다

좋아한 이유 중 두번째는 깔끔한 UI였습니다. 아시는대로 핀터레스트가 더 화려한 UI를 가지고 있습니다.
하지만 한편으로 화려한 UI가 정신이 없기도 해서, 이미지를 감상한다기보다는 여러 이미지를 스캔하는 느낌이 들죠.
하지만 we♥it은 덜 화려하기때문에 이미지에 더 집중이 잘됩니다.

예쁘고 감성적인 컨텐츠

마지막으로 가장 중요한 이유는 컨텐츠입니다. 제가 이미지북마크 서비스를 둘러보면서 we♥it에 다른곳보다 이쁜 사진이 많다고 생각합니다. 전체적인 이미지 수는 적을 수 있지만, 대부분 예쁜사진들이 올라오는 이곳을 좋아합니다. 그동안 150여개의 이미지를 북마크한 저도 이미 있는 이미지에 지지않을만한 이쁘고 퀄리티있는 사진을 공유하려고 노력하고 있습니다.

초간편한 서비스 사용방법

다른 사이트들처럼 회원가입 후에 서비스를 이용할 수 있습니다. 페이스북이나 트위터로 가입할 수 있으며, 그냥 가입도 가능합니다. 그냥 가입시 아이디, 이름, 이메일, 비밀번호 입력만 하면 가입 완료입니다.

서비스는 북마클릿을 통해 사용할 수 있습니다. 미리 북마클릿을 등록해 두면, 웹서핑 중 마음에 드는 이미지를 보았을때 북마클릿을 눌러 heart만 찍어주시면 됩니다. 크롬의 경우는 확장기능이 있어 더 쉽게 사용할 수 있습니다.
(IE에서 버튼이 작동하지 않는다고 하는데, 제가 IE9으로 해봤을때에는 문제 없이 잘 작동하였습니다.)

또한 계정설정에서는 트위터와 페이스북 연동을 설정할 수 있습니다. 연동후에는 Heart를 찍으면 바로 날려주기도 합니다. (특히 페이스북은 타임라인도 지원됩니다+_+)

예쁘니까 일단 쓰세요

직관적이고 예쁜 인터페이스 때문인지, 여성유저가 엄청 많습니다. 도대체 남자유저는 어디에있나(...) 싶을정도입니다. 그러니까 일단 쓰면 됩니다.
그리고 핀터레스트의 복잡한 무한스크롤 UI에 질리셨다면, 한번 사용해보시길 권합니다. 예쁘니까 일단 써보세요.

덧) 네, 개인적인 의견이 엄청나게 많이 들어간 서비스 소개글 맞구요...
덧2) 개인적으로 핀터레스트를 많이 싫어해서 계정조차 없습니다...
덧3) 어쩌다보니 핀터레스트를 디스하는 글이 되어버렸네요;;

저작자 표시 비영리 변경 금지
신고
tagBookmarklet, chrome, Contents, facebook, FFFFOUND!, Heart, Heart Button, IMAGE, imgfave, Marketing, online, Pinterest, Service, Shopping mall, timeline, Twitter, UI, we heart it, web, we♥it, 간편, 감성, 공유, 깔끔, 예쁜, 저장, 즐겨찾기, 직관적, 화려함, 확장기능
받은 트랙백이 없고 , 댓글이 없습니다.

Pinterest 깔끔하게 보는 방법

2012.04.23 21:58 in Web/Coding

BeforeAfter

핀터레스트가 여러 이미지들을 구경하는데에는 좋은 사이트이지만, 해상도가 작은 노트북과 같은 경우 표시되는 이미지수가 많지 않아 불편하실텐데요,
이 답답함을 각 컨텐츠에 달린 댓글을 숨기는 것으로 조금이나마 깔끔하게 볼 수 있습니다.

북마클릿 이용하기

먼저, Craig Fifield가 만든 북마클릿을 사용하는 가장 간단한 방법이 있습니다.
IE, 파이어폭스, 크롬, 오페라 모두 가능한 방법입니다.

Toggle Pinterest Comments

드래그해서 북마크바에 올려놓거나 즐겨찾기로 추가해서 핀터레스트에서 사용해주시면 되겠습니다.

User CSS 사용

약간의 수고를 들이지만 한번 적용시키면 메인의 댓글들이 완전 박멸됩니다. 아래 설명은 오페라기준입니다.

  1. 아래 파일을 다운받아 적당한 폴더에 저장합니다.
    invalid-file
  2. 오페라에서 Pinterest에 접속합니다.
  3. 오른쪽버튼 클릭 후 '사이트 환경설정 편집'으로 들어갑니다.
  4. '디스플레이'탭의 '내 스타일시트'에서 [선택]을 눌러 미리 받아놓은 pinterest-hidecomment.css 파일을
    선택
    [확인]을 누릅니다.
  5. 새로고침을 하면 깔끔한 핀터레스트를 만날 수 있습니다.
저작자 표시 비영리 변경 금지
신고
tagBookmarklet, Pinterest, User CSS, 깔끔
받은 트랙백이 없고 , 댓글이 없습니다.

티스토리 툴바