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.1 노트북에서 꼭 해야할 5가지 설정

2015.03.16 10:00 in IT/Desktop

얼마 전, 새 학기가 시작되었습니다. 캠퍼스에서는 15학번들이 정말 부럽게(ㅠㅠ) 뛰어놀고 있더군요. 어느새 저도 그런걸 부러워할 나이&학번이 되었다니 믿기지 않습니다 흑흑

이렇게 새 학기가 되면 옷,책 등등 이것저것 많이 사게 되는데요. 노트북도 빠질 수 없죠. 그렇게 제 주변에서도 새 노트북을 장만한 애들이 많이 보이는데 말이죠…

다들 이쁘고 맘에 드는 여자친구같은 노트북을 장만했지만 막상 사용할 때는 어김없이 한마디씩 합니다.

윈도우 8 불편해서 못쓰겠다
내컴퓨터는 도대체 어디있냐
화면이 왜이렇게 왔다갔다하냐
시작버튼을 살려내라
도저히 종료방법을 모르겠다

등등.. 여러가지 불편하다는 평이 많습니다

사실 위의 불평들은 이전부터 있었는데 말이죠, 주변에서 많이 들어서 제가 자주 사용하는 간단한 초기 세팅 방법을 공유해볼까 합니다.


시작화면 정리하기

처음 노트북을 켜보면 네모난 것들이 휙휙 돌아가는 화면을 보게 됩니다

시작화면 정리하기


바탕화면에 내컴퓨터, 내문서 표시하기

저도 그렇지만 많은 분들이 어색해하는 부분입니다. 내컴퓨터랑 내문서는 살려주었으면 했는데요ㅠ

바탕화면에 내컴퓨터, 내문서 표시하기


인터넷 익스플로러를 항상 데스크톱모드로

카카오톡 PC버전을 쓰다가, PDF를 읽다가 등등, 왜 링크를 클릭하면 큰 화면이 바뀌냐고 불편해하셨던 분들이 계실겁니다. 원인은 익스플로러가 앱모드로 켜져서 그런건데요, 이 설정을 따라하시면 해결됩니다.

인터넷 익스플로러를 항상 데스크톱모드로


데스크톱 사진뷰어 사용하기

사진파일을 크게 보려고 클릭했는데, 사진앱이 켜져서 당황스럽죠;; 윈도우8에도 사진뷰어는 있습니다. 기본프로그램으로 설정이 안되어있다는게 문제지만요ㅠㅠ

데스크톱 사진뷰어 사용하기


켜지면 바로 데스크톱 화면으로 가기

처음 켜지는 '시작화면'이 불만이신 분들은 이 팁을 따라하시면 됩니다.

켜지면 바로 데스크톱 화면으로 가기

윈도우8을 종료하는 2가지 방법

윈도우에서 컴퓨터를 끄는 방법은 여러가지가 있지만, 제가 자주 사용하는 방법 2가지를 소개해봅니다. 쉬운 부분이라 많은 분들이 아실 것 같지만, 간단하게 적어봅니다.

윈도우8을 종료하는 2가지 방법


처음에 손봐야 할 부분이 많다는 건 그만큼 사용자 입장에서 편하지는 않다는 증거겠죠. 윈도우8의 여러 기능도 익히기 벅찬데 일반적으로 사용하는 부분에서도 힘들게 하니 말입니다ㅠ

터치기능이 없는 기기에는 데스크톱쪽 앱을 살려주도록 초기설정이 되어있었다면 윈도우8이 이렇게 어렵게 인식되지는 않았을 것 같은 개인적인 아쉬움이 있네요. (물론 그런 기술적인 내용은 잘 모르기에 이렇게 푸념만ㅠㅠ)

덧) 정말정말 혹시나 윈8 앱을 써보고 싶으시다면 이전에 올렸던 글을 참고해 보세요!
덧2) 언젠가 시작화면을 꾸미는 방법도 따로 자세히 올려보도록 하겠습니다만...

신고
tagApplication, Desktop, Internet Explorer, notebook, PC, tip, Touch, Windows 8.1, 바탕화면, 불편, 불평, 사용자, 설정, 시작화면, 종료, 푸념
받은 트랙백이 없고 , 댓글이 없습니다.

원노트, 전자책으로 만들기

2013.02.20 09:10 in IT/Tip

현재 노트작성 쪽에서 가장 핫한 건, 에버노트죠. 그 다음이 바로 원노트입니다. 개인적으로 원노트는 설치되더라도 거의 사용을 안하고 있었는데, 이번에 뉴오피스 리더 프로그램을 통해 원노트를 활용해보고 있습니다. 그런데, 저번에 에버노트를 전자책(epub)형식으로 변환했던 게 생각나더군요. 그래서 '원노트도 에버노트처럼 전자책으로 변환할 수 있을까?'하는 생각이 들어 방법을 찾아보았습니다.

시작하기 전에: 2차원 원노트 VS 1차원 에버노트

사실 원노트랑 에버노트는 노트작성을 한다는 점을 제외하면 다른 점이 꽤 많습니다. 그 중에서도 굳이 하나만 꼽자면 원노트는 2차원 공간이고, 에버노트는 1차원 공간이라는 점이죠.

잘 알고 계시겠지만 1차원은 직선이고, 2차원은 평면이죠. 에버노트는 정해진대로 쭉 작성할 수밖에 없습니다. 물론 줄바꿈은 가능하지만, 원하는 곳에 마음대로 이미지를 배치한다거나 하는 것은 제한적이죠. 반면에 원노트는 이와 달리, 펼쳐진 평면 이곳저곳에 글을 쓰거나 이미지를 넣을 수 있습니다. 그래서 제가 주변 사람들에게 에버노트와 원노트를 설명할 때는 이렇게 말합니다.

에버노트: 메모장에 약간의 서식기능과 동기화 기능이 추가된 것
원노트: 실제 공책에 작성하듯 적을 수 있는 디지털 노트

이런 차이가 있기 때문에 저는 전자책으로 변환한다면 에버노트는 epub형식을, 원노트는 PDF를 추천합니다.

원노트를 PDF로 변환하기

작성한 원노트를 PDF로 변환하기 위해서는 원노트 데스크탑 프로그램이 필요합니다. PDF로 만드는 과정은 클릭 몇번으로 해결될 만큼 쉽습니다.

'파일'을 클릭

내보내기 > 섹션 이나 노트 또는 전자 필기장을 선택 > PDF를 선택 > 내보내기

PDF로는 위와 같이 간단하게 변환하실 수 있습니다. 참 쉽죠?:)

원노트를 epub로 변환하기

PDF로 끝내면 너무 싱거워하실까봐... 이 방법도 공유해봅니다. 물론 원노트는 epub는 권장하지는 않습니다.

준비물은 원노트 데스크탑 프로그램, 인터넷 익스플로러, epub 편집기인 Sigil입니다.

'파일 > 내보내기'를 가신 후 섹션이나 노트를 선택하고 '단일 파일 웹 페이지'로 저장

위에서 저장할 때 단점이 mht파일로 저장된다는 점인데요, 이 파일을 html형식으로 변환하기 위해 에버노트 때와는 달리 한가지 과정이 더 추가됩니다.

저장한 mht파일을 IE로 실행 후 '파일 > 다른 이름으로 저장' 클릭

파일 형식을 '모든 웹 페이지'로 바꿔 적당한 곳에 저장

이렇게 html파일로 바꾸는 것까지 오셨다면, 이제 마지막으로 Sigil에 넣기만 하면 됩니다.

Sigil에서 Text에 '마우스 오른쪽 버튼 > 기존 파일 추가' 클릭하여 html파일 불러오기

위의 빈 파일에 마우스 오른쪽 버튼 > 지우기

파일 > 저장 클릭

깔끔한 과정은 아니지만 그래도 epub 만들기는 이렇게 하시면 성공입니다.

가독성 비교: 원노트 앱, PDF, Epub

아이패드 앱iBooks로 비교해 보았습니다. 가독성은 앱이랑 PDF가 괜찮고, 예상대로 epub는 완전 꽝이군요. 원노트는 왠만하면 epub로 변환하지 마세요-_-;;

덧) 차원이 높다고 무조건 좋은 건 아니라고 생각합니다. 각각의 장단점이 있어요!
덧2) 사실 글상자(?)가 하나만 있으면 epub도 이쁘게 나오긴 합니다만 그래도 추천하지는 않습니다;;

신고
tag1차원, 2차원, Application, epub, EVERNOTE, html, Internet Explorer, iPad, mht, Microsoft, New Office Leader Program, Note, Office 2013, onenote, pdf, Sigil, 가독성, 변환, 전자책, 직선, 차이점, 평면
받은 트랙백이 없고 , 댓글이 없습니다.

노트북에서 가장 오래가는 웹브라우저는?

2012.04.04 09:00 in IT/Opera


7tutorials에서 오래된 노트북의 윈도우7 환경에서 어떤 브라우저가 가장 오래가는지 테스트를 했습니다.

Test Comparison: Which Browser Will Make Your Laptop’s Battery Last Longer?

테스트는 윈도우의 전원절약기능을 보여주려는 것 같았는데, 결과가 재밌게도 오페라에 유리하게 나왔네요.


테스트환경

HP Pavillion dv7 2185dx - 나온지 2년이 넘은 노트북이라고 합니다.

  • Intel Core2 Quad CPU Q9000 @ 2.00 GHz
  • 6GB of RAM DDR2
  • ATI Mobility Radeon HD 4650
  • 깨끗한 윈도우7 환경 / 윈도우 8 컨슈머프리뷰
  • Peacekeeper battery test 사용
  • 전원관리 옵션 중 절전 사용

결과 - IE > Opera > Firefox > Chrome

IE가 1위를 하는 경우도 다 있네요.
IE시리즈 다음으로는 오페라가 올라왔고, 다음으로는 파이어폭스, 그리고 크롬이 가장 안습이네요.


오페라를 추천합니다.

Opera, the fastest and most secure web browser

이 결과로 오페라를 사용해야될 이유가 오페라링크 말고도 한가지 더 생긴 것 같습니다.
(설마 위 결과를 보고 IE를 쓰려고 하시는 분은 없겠죠?;;)
IE보다는 못하지만 파이어폭스나 크롬보다 오래가는 오페라를 추천합니다.

덧) 오페라링크와 함께라면, 집에서 들어갔던 그 사이트 노트북에서도 쉽게 다시 찾을 수 있습니다.
덧2) IE가 배터리를 조금 먹는다고해도 솔직히 못쓰겠죠?;;

저작자 표시 비영리 변경 금지
신고
tag7tutorials, BATTERY, chrome, Consumer Preview, firefox, HP, Internet Explorer, notebook, Opera, Pavillion dv7 2185dx, Peacekeeper, test, web browser, windows 7, windows 8, 전원, 절전, 추천
받은 트랙백이 없고 , 댓글 하나 달렸습니다.

빠른 웹서핑을 위한 팁 11가지

2010.01.11 10:03 in IT/Tip

작년 외국의 한 블로그에서 본 글을 번역해본다고 하고, 벌써 2010년이 되어버렸네요;; 대부분 잘 아실거라고 생각하긴 하지만… 그래도 좋은 팁같아 한번 번역해봅니다;; 원문은 '14 Simple Tips for Super Fast Web Browsing'입니다. 글이 작성된 당시와 약간 다른 부분도 있고 해서 중간중간 '※'로 제 생각을 달아놓았습니다.

빠르고, 가벼운 브라우저로 갈아타기

만약 여러분이 Internet Explorer(이하 IE)를 쓰고계신다면, 그걸 꼭 쓰실 필요는 없습니다. 지금 당장 바꾸시는 센스를 발휘하세요. IE는 무겁고 느리며, (보안상) 불안하고 웹페이지를 제대로 표시해주지 않습니다. 저는 확장성이 좋은 Firefox의 오랜 팬이였지만, 최근에는 더 빠르고 가벼운 브라우저로 갈아탔습니다. 제가 최대한 가벼운 브라우저를 원했기 때문이죠. Mac에서는 OperaCamino를, PC에서는 Google Chrome을 씁니다.
※사실 IE만 아니면 다 괜찮습니다만… 저는 구글 크롬을 추천합니다. 하지만 좀 사양이 안좋은 컴퓨터라면 오페라가 좋지요.(참고:11개 브라우저 속도 벤치마크)

창을 쓰지말고 Tab을 쓰기

Google Chrome and Safari 4 beta tab comparison

이것은 명백한 사항이지만, 많은 사람들이 여전히 새로운 사이트를 방문할 때 매번 새 창을 열고있습니다. 여러분들의 브라우저를 새 창 대신에 탭이 나오도록 설정하세요. 여러분들이 글을 읽을 때, 커맨드클릭(맥에서) 또는 휠을 클릭(PC에서)하면 링크가 새 탭으로 열립니다. 이제 여러분들은 창이 어디있는지 찾을 필요 없이 탭만 이동하면 됩니다.
IE만 제외하면 기본값으로 탭브라우징이 가능합니다.

키보드 단축키 외우기

R0019587.JPG

이것 역시 웹을 이용하는 사람들에겐 뻔한 사항입니다. 단축키를 활용해 절약하는 시간이 단축키를 배우는 시간보다 큽니다. 몇가지 공통된 예를 들자면 Ctrl+T는 새 탭열기, Ctrl+L은 주소창으로 가기, Ctrl+D는 즐겨찾기추가, Ctrl+W는 창이나 탭 닫기 등이 있습니다. 각각의 브라우저마다 다른 단축키를 가지고 있습니다. 하지만 단축키페이지를 보면 쉽게 외울 수 있을 겁니다. 몇 분 걸리지 않는 그 시간은 당신에게 매우 귀중할 겁니다.
※Opera의 단축키는 이곳에,Firefox는 이곳에,Chrome은 이곳에 있습니다.

즐겨찾기에 키워드 지정하기, 빠른연결 설정하기

대부분의 브라우저들은 즐겨찾기의 키워드기능을 지원하는데, 이걸 설정하는데는 하나당 단지 몇 초가 걸릴 뿐입니다. 여러분들이 자주 이용하는 곳들을 즐겨찾기로 등록하겠죠. 즐겨찾기한 곳으로 가기 위해서 단지 키워드만 입력하면 빠른 접근이 가능합니다. 이렇게 하기 위해서는 북마크설정으로 가서 키워드를 설정하면 됩니다. 저는 키워드중에서도 짧은 키워드를 추천합니다. 저의 경우 "gm"은 G메일, "rd"는 구글리더, "cal"은 구글캘린더, "bog"는 주거래은행, "tw"는 트위터, "st"는 블로그통계, "post"는 새 글쓰기 등입니다. 빠른연결(Speed Dial)은 오페라의 기능이지만 다른 브라우저에서도 사용할 수 있습니다. 여러분들은 자주 가는 사이트들을 지정해놓고 언제든지 Ctrl+1, Ctrl+2 등을 누르는 것으로 원하는 곳에 이동할 수 있습니다.
※처음에는 키워드 입력이 귀찮다고 생각되실지 모르지만, 써보면 확실히 편합니다ㅎ

키워드검색 설정하기

위에서 살펴본 즐겨찾기와 같이 저장한 검색엔진은 여러분들이 자주 사용하는 곳들이 겁니다. 예를들어 Google, Amazon, Wikipedia, Wiktionary, , IMDB, Ebay, Flickr 등이 있죠. 저장한 각각의 검색엔진에 키워드를 설정하면, 주소창에서도 검색을 이용할 수 있습니다. 예를들어 "im alyssa milano"라고 주소창에 입력하면 IMDB에서 Alyssa Milano를 검색하게 됩니다.
※위의 즐겨찾기 키워드기능과 마찬가지로 엄청 자주 사용하는 기능입니다+_+ 오페라에선 이걸 응용해 주소창에서 트윗을 올릴 수 있습니다.

북마클릿에 키워드 설정하기

여러 브라우저에서 유용한 기능을 가진 자바스크립트를 이용한 북마클릿을 만드는 기능이 있습니다. 예를 들어 Tumblr의 북마클릿은 현재페이지를 이용해 새 글을 작성하고, Twitter의 북마클릿은 현재페이지를 트윗하고, is.gd의 북마클릿은 현재 페이지의 주소를 줄여줍니다.(그외 좋은 북마클릿들) 북마클릿은 드래그 앤 드롭으로 즐겨찾기툴바에 끌어놓거나, 북마클릿 링크에서 오른쪽클릭을 눌러 즐겨찾기에 넣는 방법이 있습니다. 그리고 즐겨찾기 설정에서 키워드를 설정하면 됩니다. 그러면 보고있는 페이지의 주소를 줄이기 위해 주소창으로 가서 "is"만 입력하면 됩니다. 그러면 즉시 짧은 주소를 얻을 수 있죠. 이것은 어떤 북마클릿이든 가능합니다.
※사실 4번의 경우보다 6번의 경우인 때가 많죠.

Flash 차단하기

요즘 Adobe의 Flash는 웹의 어디서나 볼 수 있습니다. YouTube와 같이 영상서비스를 하는 유명한 사이트나 광고들에서 말이죠. 그리고 어떤 곳은 사이트 전체가 플래시로 되어있는 모습을 볼 수 있습니다. 이것들은 솔직히 성가시죠. 플래시는 느립니다. 그래서 저는 차단하는걸 기본으로 설정해놓습니다. 하지만 유투브 등에서 켜야 할 옵션이 필요하죠. Camino에서는 쉽게 켜고 끌 수 있습니다. 다른 브라우저에서도 플러그인이나 확장기능으로 플래시를 끌 수 있고, 해당 플래시를 누르는 것으로 다시 킬 수 있을 겁니다.
유저스크립트를 이용해 막을수도 있습니다:)

깔끔하게 보기

저는 대부분의 사이트에서 산만함 없이 읽는 것을 좋아합니다. 그래서 저는 두가지 북마클릿을 사용하고 있죠. 글을 읽을땐 Readability를, 동영상을 볼때는 Quietube를 씁니다.
※Readability는 텍스트가 많은 블로그글을 볼 때 특히 유용합니다+_+

대부분의 확장기능을 끄기

Firefox는 확장기능덕에 훌륭한 브라우저입니다. 하지만 여러분들이 너무 많은 확장기능을 쓴다면 그것들은 브라우저가 느려지고 무거워지는 원인이 될 수 있으며 버그가 생길 수도 있습니다. 따라서 제가 파이어폭스를 쓸때는 대부분의 확장기능을 끄고 사용하며 Camino에서는 거의 쓰지 않습니다.

탭은 조금만 열기

많은 탭을 여는 것은 많은 사람들의 일반적인 웹서핑모습입니다. 하지만 브라우저가 느려지죠. 저 역시 많은 탭을 여는 경향이 있는데, 너무 번잡하다고 생각될때마다 즐겨찾기에 추가하고 탭들을 닫습니다. 그렇게 저는 2개~3개정도의 탭만 열어놓고 씁니다.

대부분의 툴바를 제거하기

저는 최소한의 툴바를 좋아해서 대부분의 툴바와 많은 버튼을 제거했습니다. 있을것만 딱 있는 셈이죠

신고
tagBookmarklet, Camino, chrome, firefox, flash, Internet Explorer, Keyword, Opera, Quietube, Readability, surfing, tab, tip, toolbar, web, 검색, 단축키, 빠른, 즐겨찾기, 확장기능
트랙백이 하나이고 , 댓글17개가 달렸습니다.

블로그에 IE6 경고문구 넣기

2009.08.16 14:26 in Web/Coding

이번에 스킨을 바꾸면서 다른 브라우저는 하나도 고려하지 않고, 제가 쓰는 오페라만 보면서 수정했죠. 그 결과 IE8,파이어폭스,사파리(터치도 포함),크롬 등에서 잘 나온다고 의견을 주셨습니다. 그런데 @projecty님이 IE6로 테스트한 모습을 보고 경악을 금치 못했어요ㅠ

사용자 삽입 이미지리본의 투명처리… 아래엔 치졸한 스크롤바까지… 흑흑ㅠ

도저히 IE6에 맞출 재간은 없어서… IE6로 접속시 경고문 띄우는 방법들을 찾아보았습니다.

IE6 Update

제가 현재 쓰고 있는 방법입니다. 왠지 모르게 ActiveX느낌이 들면서 꼭 깔아야겠다는 강박관념(?)이 느껴지지 않나요? 문구가 영어이고 클릭하면 이동하는 링크도 영어권 IE사이트라 아래와 같이 조금 손봐서 쓰고 있습니다. </body>앞에 넣어주시면 됩니다. 워드프레스용 플러그인도 있습니다.

소스보기

Give IE6 users the message to upgrade or change

코드를 한글로 바꾸고 브라우저링크에 크롬을 추가하고 한국어페이지로 이동하도록 손봤습니다. "<h2><a href="(##_article_rep_link_##)">(##_article_rep_title_##)</a></h2>" 뒤에 넣어주시면 글 제목 바로 아래에 표시됩니다. (찾을때 ()를 []로 바꾸고 찾으세요~)

소스보기

IE 버전 체크


@okgosu님이 알려주신 심플한 방법입니다.

덧)경고창으로 만족하지 못하시는 분들을 위해 준비했습니다. @gaury가 알려준 IE6로 접속하면 다운되는 소스

신고
tagBlog, gaury, Give IE6 users the message to upgrade or change, IE 버전 체크, IE6 Update, Internet Explorer, OkGosu, projecty, Skin, 경고
트랙백3 , 댓글4개가 달렸습니다.

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

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개가 달렸습니다.

스킨,폰트 바꿨습니다.

2009.02.20 22:09 in Blog


참 오랜만에(?) 스킨을 바꿨네요.

Windows 7을 설치하고 난 뒤로 바꾸어야 겠다는 생각은 계속 있었는데 말이죠.
어쨌든 이번 컨셉을 윈도우7으로 잡으려다 home.live.com으로 바꾸었습니다[각주:1]

다른 3단스킨을 찾아헤매다가 결국 못찾아서 2단이라도 쓰자고 했으나... 결국 맘에드는 스킨이 없어서 이전에 쓰던 Butterfly스킨을 수정했습니다.
사용자 삽입 이미지
일단 왼쪽 사이드바 옆에있던 메뉴를 다 없애고 본문폭을 550px로 늘렸습니다. 470은 너무 답답해요ㅠㅠ 그리고 메뉴들은 일단 위로 올렸는데 좀 휑한것 같기도 하군요 흠;;;

두번째로 폰트도 바꿨지요.
한겨레결체 이후에 무료폰트를 물색하던 중 순천향체가 눈에 들어왔습니다.
사용자 삽입 이미지
깔끔하고 보기 좋은게 딱이더군요+_+
순천향대학교에서 만들어 여기에서 무료배포를 하고 있습니다.

저번과는 다르게 eot도 적용시켜보았습니다.
@font-face {font-family: "순천향체";src: url("./images/fonts.TTF");}
@font-face {font-family: "순천향체IE";src: url("./images/fonts.eot");}
위처럼 무식하게(?) 폰트페이스를 두개 적용을 했더니 잘 나오더군요.
일단 저는 오페라,크롬,IE7에서 테스트해본 결과 잘 나왔습니다.

나름 윈도우삘을 낸다고 했는데 잘 된건지 모르겠네요.
적용하고 보니 그냥 시원한 느낌의 스킨이 된듯한 느낌이;;;

+추가합니다
일단 사이드바 크기를 좀더 줄였습니다. 그래도 Karion님이 말씀해주신 문제가 해결이 안되네요ㅠㅠㅠ 가로해상도가 1024 이상이면 잘 보이긴 합니다만;;;
위의 메뉴를 '아크몬드'님의 '아크몬드바'로 적용시켰습니다. 원래 용도는 저게 아닌데 말입니다. 아크몬드님껜 죄송(?)하군요;;;

++추가합니다
IE6에서 이상하게 나와서 eot가 있는 구절은 뺐습니다-_-+ 진짜 IE6는 공공의 적인듯...

덧)전 순천향대생이 아니에요;;;
덧2)스킨 깨지는부분이 있으면 말씀해주세요~

  1. 결국 거기서 거기이긴 합니다만;;; [본문으로]
신고
tagBlog, Butterfly, chrome, Internet Explorer, Microsoft, Opera, Skin, windows 7, 글씨체, 순천향체, 한겨레결체
받은 트랙백이 없고 , 댓글20개가 달렸습니다.

스티큐브-나우콤의 괴상한 파일자료실

2009.01.15 17:37 in Web/Service

평화롭게(?) 계절학기를 듣던 어느날 저에게 메일이 하나 왔습니다.
사용자 삽입 이미지
블로그를 위한 자료실이라면서 클로즈베타테스터가 되라고 하네요.
이 메일을 받은것이 1월 8일이였습니다. 전 그날밤 바로 신청을 했고...

광속(?)과 같은 속도로 무려 다음날에 선정되었습니다-_-;;;
사용자 삽입 이미지

그리하여 접속해보았습니다. 그런데...
역시 피디박스,클럽박스의 액티브X로 유명한 나우콤 아니랄까봐 IE전용인겁니다.
사용자 삽입 이미지
어찌됬든 IE계열 브라우져인 The World를 사용하여 접속은 되었습니다...

이제 화면에 보이는 업로드버튼을 눌러서 업로드를 하려는 순간...
사용자 삽입 이미지
... 할말을 잃었습니다. 이때의 저의 심정이란...
사용자 삽입 이미지

왜 또 액티브X인거냐!!!

액티브X를 무려 2개나 설치하도록 요구하더군요. 진짜 실망했습니다...
MS조차 쓰지말라는 액티브X를 새로 오픈하는 서비스에 또 쓰는건가요?
내 참... 첫화면이 플래시로 구현되어 있길래 액티브X가 필요없을줄 알았는데...

어찌됬든 액티브X가 하나 설치가 끝나면 아래와 같이 나오고요.
사용자 삽입 이미지
여기서 파일을 선택한뒤에 또 한번의 액티브X설치를 거치면...
사용자 삽입 이미지
이렇게 업로드창이 뜨며 업로드가 진행됩니다.

이것저것 추가해 보았습니다.
사용자 삽입 이미지
이미지파일같은 경우는 바로 미리보기가 되고, 워드파일같은 경우는 바로 아이콘이 알맞게 뜨네요. 궁금해서 한번 오른쪽버튼을 눌러보았더니
사용자 삽입 이미지
이렇게 뜨더군요;;; 이름바꾸기,이동,복사,삭제 등 기본기능은 다 있는듯 하네요.
이미지파일로 위젯을 만들었더니 위에 widget이라고 뜨더군요.
근데 이게 뭡니까...?
위젯으로 만들었더니 미리보기따위는 안되는 이런 난감한 상황은-_-;;

그리고 이번엔 그렇게 자랑하던 mp3파일로 위젯을 만들어 봤습니다.
그나마 이미지보다는 쫌 나은 수준입니다.
다운 불가기능을 걸어놓았더니 다운도 안되네요.

스티큐브에 대한 저의 평가는 이렇습니다.
IE전용의 이런 거지같은 서비스 안쓸겁니다.
액티브X를 두개나 설치해야하는 이런 쓰레기같은 서비스 안쓸겁니다.
'블로그를 위한'이라고요? 웃기지마시죠.
혹시나 나우콤이 변했나...했는데 역시나로군요.

슬랙님의 댓글을 보고 몇줄 추가합니다.(2009/01/15 21:10)
다행히 Adobe Air를 이용한 크로스브라우징을 하려고 하는 중이라는군요.
클로즈베타라서 그런것인지 부득이하게 액티브X를 적용했다고 합니다.
그래도 '처음부터 Adobe Air로 아예 구현을 하고 클로즈베타를 시작했으면 더 좋았을 텐데...'하는 아쉬움이 조금 남네요.
슬랙님의 빠른 의견 감사합니다.

신고
tagActiveX, Internet Explorer, MP3, Nowcom, review, sticube, Widget, 악평
트랙백이 하나이고 , 댓글16개가 달렸습니다.

블로그 웹폰트 적용기

2008.12.13 20:01 in Blog

이곳의 웹폰트는 MS의 EOT가 아니라 확장자가 TTF인 트루타입글꼴입니다.
그리고 윈도우즈에서만 가능합니다.

오페라10 알파버전, 그리고 파이어폭스 3.1버전에서 웹폰트지원 이야기를 들은 저는 블로그에 웹폰트를 적용시키기로 마음먹었습니다.
일단 여러 무료폰트중에서 네이년이 만들어 배포하는 나눔고딕을 쓰는건 제 취향에는 영 아니라서 한겨레신문에서 배포하는 한겨레결체를 쓰기로 결심했습니다.
사용자 삽입 이미지
먼저 직접올리기에서 폰트파일을 올린뒤에
오페라10 알파를 주력으로 사용하는 저는 그쪽에 설명나온대로 아래와같이
사용자 삽입 이미지
스킨->CSS설정에서 간단하게 한줄을 추가시키고요. 테스트를 위해 제 윈도우에서 한겨레결체를 없앤뒤 들어가보았습니다.
이렇게 오페라10 알파에서는 성공적으로 나왔는데...

불여우에서는 안나오더군요. 아마 정식버전부터 지원되나 봅니다.
저는 된다는 소리만 듣고 베타에서도 적용되는줄 알았지요-_-;;

일단 지금은 오페라10알파 말고는 웹폰트가 적용 가능한 브라우져가 아직 없는것 같군요. 이제 파이어폭스도 정식버전이 나오면 웹폰트적용이 될것이니 IE에서 EOT지원이 아니라 TTF를 지원했으면 하는 바램이 있네요.
신고
tagalpha, Beta, css, eot, firefox, Internet Explorer, Opera, Skin, test, truetype, TTF, Web font, Windows, 글꼴, 지원, 한겨레, 한겨레결체
받은 트랙백이 없고 , 댓글8개가 달렸습니다.

Keyzet 편하지만 별로다

2008.10.11 02:13 in IT/Program

Keyzet, 이 프로그램은 한 댓글의 소개로 알게되었습니다.

그래서 궁굼한 저는 공식홈페이지에 들어가보았습니다. 그랬더니 아래와 같은 설명이 있더군요.
흠… 편할 것이라고 생각한 저는 일단 깔아보았습니다.

기능을 하나씩 살펴봅시다.
위에 설명에 보면 F를 누르면 검색창이 뜬다고 되어 있습니다. F누르고 있으면 진짜 뜹니다.

검색에 여러 검색공급자가 있는건 좋네요. 그래도 추가할수 있었으면 합니다.
그런데 검색결과가 IE로 나오는군요... 실망입니다ㅠㅠㅠ

그리고 어느 부분을 블록지정하고 Q를 누르면 그 부분으로 검색을 합니다.
이 기능은 워드프로세서, 웹브라우저 등에서 쓸수 있는데요... 이것도 IE로 뜨네요ㅠㅠ

블록지정 후 X를 누르면 사전기능이 됩니다.
근데 이건 그냥 검색어 공급자를 사전으로만 바꿔주면 되는거겠죠...?
이것도 공급자를 정할수 있도록 했으면 좋겠네요. 거기다 또 IE...ㅠㅠㅠ

불편한 점은 이뿐만이 아닙니다.
0~9까지는 등록을 할 수 있는데 A~Z까지는 아직 사용자지정이 안된다네요.
거기다 이것들도 IE로 켜집니다ㅠㅠㅠ
브라우저 선택까지는 아니더라도 최소한 기본브라우저로 켜지게 해주었으면 좋겠네요.
그래도 아직 안 지우고 있는 이유는 우리가 핸드폰에 등록번호 지정하듯이 편하게 숫자만 눌러서 프로그램을 실행시킬 수 있다는 점이죠.
위에서 보면 1번에 Google Chrome으로 지정되어 있는데요, 1번을 누르고 있으면 정말로 크롬이 뜹니다.

그리고 좀 맘에 안 드는 건 블로그를 프로그램에 대한 소통의 장으로 쓰지 않고 그저 홍보를 위한 검색결과에 노출되는 도구로만 사용한다는 점입니다. 그리고 왜 하필 다운로드 링크는 네이년인지… 그냥 티스토리에 업로드해도 될 텐데 말입니다.

이것저것 맘에 안드는 것이 많지만 일단은 0~9까지 지정했으니 써야겠네요.
그리고 제발 좀 IE로만 뜨는건 좀 자제해주셨으면...ㅠㅠㅠ
신고
tagBlock, Blog, Internet Explorer, Keyzet, Software, 검색
받은 트랙백이 없고 , 댓글6개가 달렸습니다.

블로그 접속에는 시간이 얼마나 걸릴까요?

2008.07.14 16:33 in Web/Service

제 블로그가 엄청 무거운건 다들 알고 계시죠?ㅠㅠ
제가 너무 사이드바에 덕지덕지 붙여놓은게 많아서요ㅠㅠㅠ

그래서 한번 접속하는데 몇초나 걸리는지 측정해 보기로 했습니다.
인터넷에 찾아보니 WebWait라는 곳이 있더군요.
사용자 삽입 이미지
이곳에선 사이트주소를 입력하고 총 횟수, 그리고 쉬는시간을 입력하면
쓴 횟수 만큼 사이트를 읽어오고 걸린 시간을 평균내서 보여줍니다.

그래서 제 블로그 주소를 넣고 횟수는 5번으로 하고 측정을 했더니
사용자 삽입 이미지
이렇게 나오더군요-_-;; 3초씩이나 걸리다니요ㅠㅠ
이건 파이어폭스3에서 본 것이고요,

다른 브라우져에서도 측정해 보았습니다.
왼쪽것이 인터넷 익스플로러6, 오른쪽이 The World 입니다.

역시 파이어폭스가 빠르긴 빠르네요. IE쪽은 4초 가까이 걸리는게 영-_-;;;

사실 컴퓨터가 안좋아서 이렇게 느린거라고 말 못해요 엉엉
신고
tagBlog, firefox, Internet Explorer, The World, WebWait, 속도, 일상, 접속, 측정
받은 트랙백이 없고 , 댓글19개가 달렸습니다.

이 오류좀 해결해주세요ㅠㅠ(문제해결!)

2008.04.02 01:26 in Blog

error
http://solarhalfbreed.tistory.com/ 인터넷 사이트를 열 수 없습니다.
작업이 중단되었습니다.

어떻게 해결 해야할지 도저히 모르겠습니다ㅠㅠ
불여우에선 발생하지 않던데... IE에서만 발생합니다;;
고수분들 도와주세요~!!!

skin.html


맨 끝에 블로그코리아에서 서비스하고있는 블로그잇에 관한 스크립트를 지워봤더니
정상적으로 되네요ㅎㅎ
블로그코리아측에 알려드려야 겠습니다.
신고
tagBlog It, Blogkorea, computer, firefox, Internet Explorer, 오류
받은 트랙백이 없고 , 댓글15개가 달렸습니다.

티스토리 툴바