본문 바로가기

블로그

구글의 새 반응형 광고 코드와 그에 따른 딜레마 구글이 며칠전부터 새로 업그래이드 된 반응형 광고 코드를 지원합니다. 새로 생긴 옵션인 스마트 크기 조정(권장)을 선택하면 됩니다. 기존 반응형 광고 코드가 미디어 쿼리를 이용해서 컨테이너의 크기를 조절하는 방식이었다면, 이제는 스크립트 자체가 화면의 너비를 계산해서 알맞는 광고를 보여줍니다. 게다가 가로인지 새로 인지도 자동인식해서 모바일 기기에서 가로새로 모드 변경시 광고를 리프레시하는 기능까지 갖추게 되었습니다. (이건 정말 사랑하는 기능입니다.) 그리고 반응형 광고단위를 쓰시는 분들이 속을 많이 썩는 부분이 "중앙정렬" 인데요, 예전에는 미디어 쿼리로 margin:auto를 breakpoint마다 넣어줘야 했던데 비해서 이제는 스크립트가 알아서 중앙정렬을 시킵니다. 벌써부터 인생이 한결 편해진것 .. 더보기
네이버 블로그 글 이전 완료 했습니다. 일단 데이터는 다 옮겼고 이제 자잘한 수정해서 재 발행 하는 일만 남았네요 -_-; 아이고 힘들어... ※찬조출현 잭슨옹 더보기
다음 검색 등록하는법 네이버에 이어 다음 검색 등록하는 방법을 알아보겠습니다. 다음 검색 등록 홈페이지로 가서 신규등록하기를 누릅니다. 사이트 검색 선택후 url을 입력합니다. 약관 동의후 양식을 입력합니다. 아주 간단하게 등록이 끝납니다. 더보기
스킨 갤러리 오픈 가만 보니 제가 티스토리에 이주한 이후로 스킨을 꽤 많이 만들었더군요 보관용 장식장을 만든다는 기분으로 스킨 갤러리를 한번 만들어 보았습니다. 각 스킨 별로 스팩이 기제 되어있어, 무슨 언어가 사용되었는지, 무슨 플러그인이 사용되었는지, 무슨 프레임웍 바탕인지, 심지어 IE 호환성도 알 수 있습니다. 게다가 현재 배포 중인 스킨은 바로 다운로드 페이지로 접근 할 수 있습니다. 깨알 같은 비하인드 스토리는 덤입니다. 절반으로 자르는 레이아웃은 처음 시도해 보았는데, 생각보다 반응형 만들기가 까다로워서 지원하지 않고, 아직까지는 PC에서, 그것도 1440px이상의 모니터에서 보시는 것을 권장합니다. 스킨 갤러리 바로가기 더보기
프로필 페이지 개편 간결하고 깔끔하게 프로필 페이지를 새로 디자인 했습니다. 취미란과 좋아하는것/싫어하는것 란은 따로 만들 계획을 가지고 있으나 귀찮아서 언제할지는 의문이네요 -_-a 더보기
블로그 스킨 마이너 업데이트 Entypo Glyphcon을 도입하였습니다. 하단 프로필의 메일 주소를 아이콘으로 교체. 하단부에 다음뷰 추천과 addthis share button을 묶어서 숨기고 태그도 숨겼습니다. 그대신 버튼을 누르면 나타납니다. 초대형 스크린 (해상도 1440이상)에서 나타나는 3번째 메뉴 길이를 줄이기 위해서 서브 메뉴는 마우스 호버시에 우측으로 나타나게 변경하였습니다. 그 이외에 툴팁 스크립트가 추가 되었습니다. 더보기
모바일 용 블로그 웹클립 아이콘을 만들어보자 웹사이트에서 자신만의 개성을 나타내는 방법은 다양합니다. 그 중에 하나는 파비콘입니다. 파비콘은 Favorite Icon의 줄인 말로 IE5 부터 사용 되어온 역사와 전통을 자랑하는 요소입니다. 파비콘은 ico 파일로 구성되어 있으며, 티스토리에서는 관리자 페이지에서 이를 변경하는 것이 가능합니다. 티스토리 파비콘 관련 관리자 페이지 파비콘은 기본적으로 ico 파일을 이용하며, 16x16이라는 아주 낮은 해상도의 이미지를 사용합니다. 그래서 모바일 기기에서는 일종의 아이콘 형태로 홈화면에 위치하게 되는데, 그러기 위해서는 해상도가 턱없이 부족하게 됩니다. iOS가 처음 개발 되었을때는 잡스가 네이티브 앱 구동용 sdk를 공개하지 않으려 했습니다. 왜냐면 웹앱이 미래라고 봤고 html기술이 발달하면 네이티.. 더보기
카테고리 별 스킨 2종 추가 리뷰용 스킨 - 오른쪽 사이드바가 있는 2단 레이아웃 이며, 위에 목차가 따라서 내려오게 되어있습니다. 목차의 제목을 눌리면 글의 해당 부분으로 바로 이동하게 되어있습니다. 해외 IT 매체 사이트에 가보면 볼 수 있는 것인데 한번 구현해봤습니다. 음악 스킨 - 이전게 마음에 안들어서 또 갈아 엎었습니다. 이번에는 좀 차분하고 범용적으로 사용 할 수 있는 모습으로 디자인 했습니다. 더보기
인용구 란을 신설했습니다. 제 블로그 이웃이신 텔짱샘님의 잡담록(http://tellzzang.com/388)을 보고 '나도 저런거 한번 만들어봐야 겠다' 해서 만들어 본것입니다. 일부는 제가 직접 만든 글도 있고, 인터넷보다가 좋아서 긁어온 글도 있습니다. 가끔 좋은(?) 글을 볼때마다 하나씩 추가 해볼 생각입니다. (밑에다가 끝도 없이 계속 추가할수 있도록 소스를 짰어요) 인용구 모음 더보기
타이틀 이미지 디자인을 바꿔 보았습니다. 거참 최신 유행 쫒아가기 힘든 것 같네요 ㅎㅎ 디스플레이의 고해상도 화에 따라 자꾸 폰트가 얇아지고 있는데 어디까지 갈지 궁금합니다. 사실 이전부터 Hel Neue 25보면 진짜 이쁘다는 생각이 들었는데 최근에서야 얇은 폰트가 대세가 되니 약간 늦은 감도 없지 않아 있습니다. 홍텔이 25 폰트를 잠금화면 시계에 사용 했었지만 WVGA 시절에는 폰트의 자글자글 거림을 피할 수가 없었죠 -_- 더보기