본문 바로가기

반응형

이글루스에 바란다 이글루스 열성유저는 아니지만서도, 가끔 스킨 만들려고 이글루스를 쓰는 입장에서 몇 가지 바라는 점을 적어보도록 하겠습니다. 첫번째, 어짜피 이글루스 정책상 head 수정을 지원하지 않으니, 개인별 수정까지는 바라지도 않고 그 대신에 자체적으로 viewport meta tag를 추가 해줬으면 좋겠습니다. 그렇게 뭐 대단한 코드도 아닙니다. 이게 있어야 모바일 브라우저에서 반응형 스킨이 제대로 작동을 할 수 있습니다. 두번째, 요즘 대세인 반응형 웹을 사용하고픈 사용자를 위해서 모바일 페이지를 끄고 켤 수 있는 선택권을 줬으면 좋겠습니다. 옆동네 티xxx도 작년부터 지원하기 시작한 기능입니다. 요즘 반응형 스킨 열풍이 불고 있고 저 또한 반응형에 맞춰 스킨을 만들고 있으나, 모바일 웹은 전용 페이지로 강제 .. 더보기
Paper - 티저 2단 반응형은 여러개 만들어 보았지만 3단 반응형은 이번에 처음 만들어 봅니다.스킨의 특징이라면 글 너비가 무제한이라는 것을 들 수가 있겠내요마치 테블릿 앱 처럼 작동합니다. 더보기
Dynamite - Parallax Tistory Skin 티스토리로 옮겨온지도 거진 1년이 다 되어 가고 있습니다. 늘 사용하면서 느끼는 것인데, 베포용 스킨이나, 아니면 개인이 제작한 스킨을 보면 정말 독특한 몇몇 블로그를 제외하고는 그저 그런 2단,또는 3단형 레이아웃의 스킨이 대부분이며 흔히 볼수 있는 그런 지루하고 따분한 디자인 일색이었습니다. 혹자들은 티스토리의 구조가 가지는 한계성 때문에 요즘 유행하는 웹디자인 요소를 적용한 스킨이 나올수 없다고들 합니다. 그러나 제 생각은 다릅니다. 기본적으로 오로지 기능을 위한 티스토리 스킨만이 존재할 뿐이지 디자인에 중점을 두고 만들어진 티스토리 스킨은 그렇게 많지 않습니다. 물론 블로그는 컨텐츠가 주 목적이기 때문에 간단 명료 해도 된다고 하지만, 적어도 간단하고 심플한 범위내에서 남들보다 튀어볼만한 요소를 .. 더보기
Hare for egloos -가장 빠르고 가볍고 '이쁜' 이글루스 반응형 스킨 본 스킨은 동명의 티스토리 스킨인 Hare for Tistory를 컨버전 하여 이글루스 용으로 변경해 놓은 것 입니다. 티스토리 용은 HTML5와 CSS3 기반으로 되어있으나 이글루스용 스킨은 이글루스의 저질스런 구조에 맞추어 XHTML Transitional 기반으로 변경되었으며, 시멘틱 구조를 지원하지 않기 때문에 SEO 따위는 꿈도 꾸지 않는게 좋습니다. 제 이글루스 블로그에 적용되어 있는 스킨이 바로 이 스킨이며 아주 미려한 디자인과 색상 배치가 적용되어 있습니다. 스킨의 주요 특징으로는 레스터 이미지가 일체 사용되지 않았으며 각종 아이콘은 SVG로 스타일시트를 통해 injection되게 해놓았습니다. 그래서 따로 번거롭게 이미지 파일을 넣는다던가 하는 삽질을 할 필요 없이 원터치로 인스톨이 가능.. 더보기
Suit & Tie - Addon Stylesheet for Fastboot v1.5.1 Readiz님의 Fastboot 1.5.1 업뎃 소식을 30일날 접하고 잉여력 폭발해서 3시간 만에 만든 애드온 스타일 시트 입니다. HTML은 단 한 줄도 건드리지 않았으며 CSS 파일만 달랑 만들었습니다. 웹 폰트는 쓰지 않았으며, 매킨토시에서는 Helvetica Neue와 애플 산돌 고딕 네오, 윈도우 에서는 Arial과 맑은 고딕이 기본 적용 되며 맑은 고딕이 없을 경우에는 나눔고딕이 적용 됩니다. (마음 같아선 Proxima nova나 Gotham 쓰고 싶지만...) 사실 31일날 올리려 했으나, 그 날은 도무지 이런 글 올릴만한 기분이 아니어서 걍 예약 발행 해 놓았습니다. 살짝 걱정이 되는 것은 워낙 업데이트가 빠르셔서 제가 만든 스타일 시트가 이 글이 발행 될때 쯤에는 구버전에나 적합 할 .. 더보기
Hare for Tistory - 가장 빠르고 가벼운 티스토리 반응형 스킨 HTML5와 CSS3 기반으로 만들어진 초경량 스킨입니다. 스킨의 총 용량은 0.27mb로 여태까지 나온 반응형 스킨 중에서는 가장 가볍습니다. 블로그 로딩시간에 신경을 아주 많이 쓰시는 부분이라면 권장해드리는 스킨입니다. 자바스크립트나 제이쿼리등의 스크립트는 일체 적용하지 않아 불 필요한 요청시간을 줄였습니다. 극단적인 경량화를 통해서 정말 빠른 로딩시간을 지원합니다. HTML5 semantic ready semantic 구조로 구성이 되어있어 SEO가 기본지원 됩니다. 미려한 스타일 색 배치를 최대한 절제해서 사용하고, 그리드 레이아웃을 통해서 반응형 스킨을 구성했습니다. 견본 페이지 웹폰트 기본 적용 영문과 한글 웹폰트가 적용 되어있습니다. 기본 한글 웹폰트는 나눔 고딕이며 가독성이 좋습니다. 별도.. 더보기
Hare - Ultra Lightweight Tistory Skin 이전 부터 제작하고 있었던 스킨입니다.이미 오래 전에 만들어 두었지만 뒤늦게 내놓는 이유는 관리가 안되는 동안에도 꾸준한 방문자 유치를 위한 자구책이라고 보시면 됩니다. -ㅅ-;시중에 있는 반응형 티스토리 스킨 중에서 가장 가벼울 것으로 예상 (총 용량 0.19mb)제작과정 몇 번 포스팅하고 마지막으로 본 스킨파일이 업로드 됩니다. 더보기
스킨 V.2 업데이트 후기 + 디자인 사설 디자인과 속도. 웹 페이지를 만들 때 항상 충돌하게 되는 요소 입니다. 디자인에 신경을 쓰다 보면 웹 페이지 속도가 서서히 감소하는 것이 눈에 보일 것이고, 속도에 신경을 쓰다보면 정말 흰화면에 글자와 사진만 몇 개 떠다니는 수준이 되어버릴 수도 있습니다. 보통 스킨을 제작하게 되면 항상 고민하는 것이 바로 속도와 디자인 입니다. 늘 좀 더 새롭고 좋은 모습을 추구하면서도, 바라는 대로 무턱대고 만들어버리면 속도에 치명적인 영향을 미쳐버리고 맙니다. 그래서 스킨을 처음 만들 때 부터 지금까지도, 좋은 디자인을 가지면서 속도가 빠를 수는 없을까 라는 생각을 늘 상 하곤 했습니다. 이런 고민을 항상 하면서 스킨을 제작하다 보니 이전에는 단순한 구조임에도 속도가 한심할 정도로 느렸지만 지금은 숙련도가 쌓였는지.. 더보기
구글의 새 반응형 광고 코드와 그에 따른 딜레마 구글이 며칠전부터 새로 업그래이드 된 반응형 광고 코드를 지원합니다. 새로 생긴 옵션인 스마트 크기 조정(권장)을 선택하면 됩니다. 기존 반응형 광고 코드가 미디어 쿼리를 이용해서 컨테이너의 크기를 조절하는 방식이었다면, 이제는 스크립트 자체가 화면의 너비를 계산해서 알맞는 광고를 보여줍니다. 게다가 가로인지 새로 인지도 자동인식해서 모바일 기기에서 가로새로 모드 변경시 광고를 리프레시하는 기능까지 갖추게 되었습니다. (이건 정말 사랑하는 기능입니다.) 그리고 반응형 광고단위를 쓰시는 분들이 속을 많이 썩는 부분이 "중앙정렬" 인데요, 예전에는 미디어 쿼리로 margin:auto를 breakpoint마다 넣어줘야 했던데 비해서 이제는 스크립트가 알아서 중앙정렬을 시킵니다. 벌써부터 인생이 한결 편해진것 .. 더보기
3-2-1 321예전부터 구상했던것인데 드디어 구현했습니다. 4단도 해보고 싶은데 마땅히 넣을게 없네요 =ㅅ= (footer를 옆쪽에 붙여 버릴까...) 더보기