star

#Ludens

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

PC웹에서 twemoji로 이모티콘 이쁘게 보기

2015.06.26 14:51 in Web/Coding

emoji
emoji by downloadsource.fr

스마트폰📱에 내장된 기본이모티콘 많이들 쓰시나요? 전 예전에는 iOS랑 안드로이드랑 호환이 안되서 많이 안쓰다가, 최근에는 호환이 잘 되는 것 같아 자주 쓰고 있습니다. 😀😀

그런데 이 이모티콘들, PC💻에서도 쓸 수 있습니다.

  • 맥OS: 타이핑 중, Command+Control+Space 키[각주:1]
  • 윈도우8: 터치키보드에서 이모티콘 선택[각주:2]
  • 공통: 이모티콘 사이트(Get Emoji 등)에서 복사+붙여넣기

문제는 이 이모티콘이 이쁘게 적용되지 않는 브라우저들도 있다는 거죠.
(여기서는 IE를 예로 들었지만 크롬에서도 비슷합니다..)

지원 안되는 브라우저들 시르다 😭😭

이 상황에 대한 해결책이 바로 트위터에서 만든 twemoji인 것이죠. 😆😆

10초만에 설치하기

twemojigithub에 공개되어있고, CDN에서 끌어다 쓸 수 있어서 매우 편합니다.  적용하고 싶으신분들은 아래 두줄만 HTML코드 중 </body> 위에 추가시키면 끝입니다.

그런데 기본크기가 36x36으로 좀 큽니다. 그래서 작게 나오도록 코드를 수정했습니다.

사이즈는 16, 36, 72가 있습니다. 16과 36의 중간크기가 없는게 아쉽네요😥😥

참 쉽죠? :)

  1. <a href="http://macnews.tistory.com/1723" target="_blank">OS X 매버릭스의 새로운 이모티콘•특수문자 입력 방법 마스터하기</a> [본문으로]
  2. <a href="http://blog.getemoji.com/emoji-keyboard-windows" target="_blank">How To Use Emoji On Windows 8</a> [본문으로]
신고
tagAndroid, Browser, chromium, emoticon, html, Internet Explorer, IOS, mac os, PC, tip, twemoji, web, windows 8, 설치, 호환
받은 트랙백이 없고 , 댓글이 없습니다.

내가 사용하는 윈도우8 모던UI 앱들

2014.11.05 09:05 in IT/Desktop

Windows 8 Launch - Steve Ballmer

윈도우8도 나온지 벌써 2년이 됬습니다. 주변에서는 노트북을 새로 구매하거나 해서 윈도우8을 사용하는 사람이 꽤 늘었는데 말이죠… 주변에서 단 한명도 윈도우8의 모던UI 앱을 사용하는 걸 못봤습니다;;

터치스크린이 아니니 그럴수도 있겠다 싶긴 하지만, 유투브 같은 건 정말 모던UI로 보면 좋은데 말이죠;; 최근에 비보탭을 잠깐 써보기도 했고 해서 간단하게 제가 쓰는 모던UI 앱을 모아서 올려봅니다.


소셜

Facebook (무료)


페이스북 공식앱입니다. 굳이 앱으로 써야하나 싶은 생각을 하실수도 있겠습니다만, 저는 알림기능이랑 메시지를 바로 옆에 두고 쓸 수 있다는게 좋아서 사용하고 있습니다.

Twitter (무료)


트위터 공식앱입니다. 페이스북이랑 거의 같은 이유네요ㅎㅎ

Foursquare (무료)


포스퀘어 공식앱입니다. 맛집검색할때 둘러보곤 합니다.

Flipboard (무료)


플립보드 공식앱입니다. 시간때우기용으로,. 뉴스 확인용으로 사용합니다.

Instametrogram (무료, 광고있음)


인스타그램 클라이언트입니다. 인스타그램에 업로드는 안되지만, 눈팅용도로 좋습니다. 좋아요도 찍을 수 있고 댓글도 남길 수 있죠.

LINE (무료)


라인 공식앱입니다. 계정은 있는데 많이는 안쓰네요;;

Skype (무료)


스카이프 공식앱입니다. 역시 잘 안씁니다;;

생산성

MarkPad (무료)


마크다운 에디터입니다. 폰트도 바꿀 수 있고, 바로 미리보기도 가능해서 자주 사용합니다. 차후에 블로그API(워드프레스, 티스토리 등)를 지원하겠다고 해서 기대중입니다.

Evernote Touch (무료)


에버노트 공식앱입니다. 폰트도 이쁘게 안나오고 해서 잘 사용은 안합니다만;; 노트를 전부 오프라인으로 저장시켜서 급할때 검색하기엔 좋습니다.

OneNote (무료)


원노트 공식앱입니다. 노트북에서는 거의 사용하지 않다가 얼마전에 비보탭을 사용할 때 많이 사용했습니다. 참고로 원노트 사용법은 마스터큐님의 블로그에서 확인하시면 좋습니다.

음악 & 동영상

outcoldplayer (유료, 7000원)


구글뮤직 클라이언트입니다. 구글뮤직 사용하시는 분께 추천하는 앱입니다. last.fm도 지원하고, 믹스도 잘 됩니다. 단점이라면 비싼 가격인데, 제가 처음 설치했을 땐 무료였던것이 어느새 7000원짜리 유료앱이 되었네요;;

Hyper for YouTube (무료, 광고있음)


유투브 클라이언트입니다. 유투브는 여러 앱이 있지만, 제가 쓰기엔 이 앱이 가장 좋더군요. 구독이나 좋아요 등의 기능도 되고, 유투브 기본 자막도 지원합니다.

8Stream (무료, 광고있음)


게임방송을 전문으로하는 Twitch의 클라이언트입니다. 심심풀이로 게임방송 볼 때 사용합니다.

PressPlay Video (무료, 광고있음)


영상 재생앱입니다. MKV영상 재생도 되고 smi 자막도 지원합니다.

엔터테인먼트

Vimeo for Lenovo (무료)


비메오 공식앱입니다(?) 가끔 Staff Picks 정도만 봅니다.

무빙 (무료)


현재 개봉한 영화와 개봉예정인 영화를 알려주는 앱입니다.

사진

Adobe Photoshop Express (무료)


어도비에서 나온 사진편집앱입니다. 사진을 간단하게 수정할 때나, 급하게 필터를 적용할때 주로 사용합니다.

도서 & 참고자료

Pouch (유료, 1600원)


Pocket 클라이언트입니다. 한번 켜서 글을 받아두면, 오프라인일 때도 볼 수 있습니다.

Liberty (무료)


epub 형식의 전자책을 읽을 수 있는 앱입니다.

뉴스 & 날씨

Readiy (무료, 광고있음)


Feedly 클라이언트입니다. RSS리더 앱은 꽤 많지만, 저는 이 앱이 제일 괜찮더군요. 3400원짜리 Pro버전을 구매하시면 광고없이 사용 가능합니다.

도구

UC BrowserHD (무료)


인터넷 브라우저입니다. 가끔 모던UI에서 어떻게 사이트가 표시될지 궁금할때 씁니다.

원격 데스크톱 (무료)


MS에서 나온 원격데스크톱 앱입니다. 데스크탑 프로그램보다는 앱으로 쓰는게 꽉찬 화면으로 쓴다는 느낌이 들어서 전 이쪽을 더 선호합니다.


저는 이 정도 사용하고 있습니다만, 다른 분들은 어떤 앱을 사용하고 계실지 궁금하네요 :)

덧)..라고 적었지만 실상은 '진짜' 아무도 안쓴다죠(…)

신고
tag8Stream, Adobe, app, Browser, epub, EVERNOTE, Evernote Touch, facebook, feedly, flipboard, foursquare, Google, Hyper, instagram, Instametrogram, Liberty, Line, MarkPad, Microsoft, mkv, Modern UI, Moving, onenote, outcoldplayer, photoshop express, pocket, pouch, PressPlay Video, Readiy, rss, Skype, smi, Social, Twitch, Twitter, UC Browser, vimeo, windows 8, youtube, 개봉, 광고, 무료, 사진, 영화, 원격, 유료, 자막, 전자책, 편집
받은 트랙백이 없고 , 댓글이 없습니다.

오페라미니는 어떻게 스마트폰 데이터를 90%나 절약할까?

2012.03.03 15:21 in IT/Opera

오페라미니가 데이터절약으로 유명한 브라우저라는건 알만하신 분들은 다 아시리라 생각합니다.
오페라 공식 블로그에 오페라미니의 데이터 절약에 대한 설명글이 올라와있어 간단하게 번역해보았습니다.
(데스크탑의 오페라나 오페라모바일에서는 터보기능으로 들어가있습니다.)

이 글은 Opera Mini and Data Compression 의 번역입니다.

오페라미니는 어떻게 작동하고있죠?

평범한 웹브라우저들과는 다르게, 오페라미니는 모든 컨텐츠를 프록시서버를 통해서 가져옵니다. 이 프록시서버는 웹페이지를 작은 화면에 더 잘 맞도록 재포장하는데, 페이지가 압축되면 OBML(Opera Binary Markup Language)이라는 마크업언어로 핸드폰에 전송됩니다. 이러한 압축과정은 전송시간을 2~3배정도 단축시켜줍니다. 또한 예비처리로 일반 웹페이지의 모바일에 대한 호환성을 높여줍니다.

서버의 재포장과정은 뭔가요?

모바일기기들은 일반적인 PC와는 많은 분야에서 다릅니다. 화면크기가 작기때문에, 가독성을 높이기위해 글자의 처리방식도 다릅니다. 또한 모바일기기 내에서도 숫자키패드, 쿼티키보드, D-pad, 스타일러스, 터치 등등 각각 다릅니다. PC에서 작동하는 많은 것들이 모바일기기에선 작동하지 않습니다. 특히 가장 두드러진 예로 마우스포인터가 없기때문에 프레임스크롤이나 마우스오버같은 액션이 불가하죠. 이처럼 소소한 문제들을 해결하기위해 약간의 포장을 해야할 필요가 있습니다.

데이터가 압축될때 어떤 일이 일어나죠?

먼저 제일 중요한 사실은 데이터압축은 실제로 속도향상을 많이 도와주진 못한다는 것입니다. 중요한것은 첫 반응을 볼때까지의 사용자의 행동으로 결정되는 대기시간입니다. 대기시간을 줄여주는 몇가지 대표적인 방법들이 있습니다.

  • 우리가 가진 클라이언트서버의 프로토콜(연결을 유지시켜주는 역할)이 요청을 보내기 위해 설치되어있습니다. 이것은 사용자의 대기시간을 20~30퍼센트 줄여줍니다.
  • 우리는 페이스북과 구글같은 컨텐츠를 가진 회사들과 파트너관계로 직접적으로 연결되어있습니다. 그뿐 아니라 다른 회사들의 웹서버들이 우리의 서버실 안에 있기때문에 대기시간을 우리의 트랜스코더들이 자료의 부피를 최대한 줄여줍니다.

오페라 미니에서 사용되는 압축과 데이터축소 기술은 다른 방식도 몇가지 있습니다.

  • 서버가 클라이언트에 대한 정보를 유지하고 있습니다. 따라서 정보는 매번 요청하는게 아니라 서버에 한번만 전송되면 되는것이죠.
  • 쿠키는 서버측에서 전적으로 관리합니다. 그래서 데이터가 불필요하게 왔다갔다 할 일이 없습니다.
  • 이미지는 사용하는 기기의 디스플레이 사이즈에 맞도록 축소됩니다. 이것은 효과적으로 크기를 줄임과 동시에 사용자가 웹페이지를 더 보기 좋게 만들어줍니다.

마지막으로 결과데이터는 여러 방법으로 압축됩니다. 보통은 텍스트를 먼저 보내고, 링크, 필수 레이아웃, 그리고 마지막으로 그래픽요소들을 보냅니다. 우리는 데이터를 보낼때 사용자들이 다음에 읽을 부분도 생각합니다.

모든 데이터가 오페라의 서버를 거치면, 보안에 대한 문제는 없나요?

오페라미니는 데스크탑컴퓨터와 같습니다. 사용자가 인터넷 화면을 보는동안 브라우저는 컴퓨터에서 돌아갑니다. 오페라미니는 사용자가 모바일기기로 화면을 보는동안 브라우저는 오페라사의 서버에서 돌아가고 있습니다. 오페라미니의 성공은 서버를 얼마나 안전하게 운영하는데 달려있다는것을 알고있습니다. 그래서 우리는 현재까지 보안에 대한 어떤 사건이나 문제도 없었습니다.

오페라미니의 서버는 모두 노르웨이에 있나요?

몇몇은 노르웨이에 있습니다만, 많은 다른 지역에도 서버가 있습니다. 여러곳에 있는것이 경제적으로 효율적이고 성능면에서도 좋습니다. 대표적으로 아이슬란드에 있는 데이터센터는 미국과 유럽 사이에 있고 지열발전이라는 장점이 있죠.

덧) 한국에서 오페라미니, 오페라터보가 느린 이유가 이해가 되지 않나요?;;;
덧2) 데이터가 가는건 알고있었지만 쿠키까지 전적으로 관리한다니 놀랍군요ㄷㄷ

신고
tagBrowser, cookie, data, facebook, Google, Iceland, mobile, norway, OBML, Opera, Opera Binary Markup Language, opera mini, opera turbo, Proxy, server, SMART PHONE, 대기, 번역, 보안, 시간, 압축, 재포장, 전송, 절약
받은 트랙백이 없고 , 댓글이 없습니다.

브라우저별 ‘페이지를 표시할 수 없습니다’ 페이지들

2009.07.19 00:25 in IT/Program

며칠 전 오페라10 베타 2가 나왔습니다. 깔아서 사용하다 보니 '페이지를 표시할 수 없습니다'의 화면이 바뀐 것을 알아챘습니다. 오늘은 그것을 기념하기 위해(?) 브라우저별로 모아보았습니다.

먼저 가장 높은 점유율을 차지하고 있는(-_-+) Internet Explorer
제 윈도우7 RC에 깔려있는 Internet Explorer 8 입니다. IE6때에 비하면 그나마 괜찮은 모양새이긴 합니다만 아직은 영 아니에요.IE8

다음은 IE를 추격하고 있는 Firefox와 Chrome입니다. 파이어폭스는 딱딱한 문구가 보이고 크롬은 다른 곳을 추천해주는 것이 눈에 띕니다.

다음으로 사파리 4.0.2버전입니다. 사파리는 좀 예쁘군요:)
Safari

마지막으로 Opera 10 Beta 2 입니다. 이번 2번째 베타부터 화면이 바뀌었습니다. +_+Opera 10 beta 2

저는 이번에 화면이 바뀐 오페라의 페이지가 예쁘다고 생각합니다만…
여러분들은 어떠신지요? :)

덧) 스샷을 제공해주신 @mckabi @Ceruel @uioiu @seoulrain @3453k 5분 모두 감사합니다:)
덧2) 오페라는 다른 기본화면들도 아래처럼 바뀌었습니다. 아래는 config화면입니다.Opera 10 beta 2

신고
tag3453k, Browser, Ceruel, chrome, firefox, Internet Explorer, mckabi, Opera, Safari, seoulrain, uioiu, 페이지를 표시할 수 없습니다
받은 트랙백이 없고 , 댓글6개가 달렸습니다.

티스토리 툴바