본문 바로가기

Articles

Ver 1.1로 업글 + 속도 최적화 1.1 업데이트 - 페이지별 스타일을 추가했습니다. 태그로그/로컬로그/방명록/메인화면/게시글/미디어로그(현재는 아무것도 없습니다.)/키로그에 따로 배경스타일을 추가했습니다. 직접들어가서 한번보세요 ^^ 맥용 이미지 최적화 어플인 Image Optim으로 전체 이미지를 60%정도 압축했습니다. 온라인 YUI 압축기로 자바스크립트 파일을 하나로 합쳤습니다. gZip 파일을 직접 쓰고 싶긴한데 이게 서버단에서 php로 읽어들여야 하는 거라서 티스토리는 그게 불가능하기 때문에 포기입니다. gZip쓰면 속도가 3배는 빨라질텐데..... 쩝. CSS파일을 하나로 합쳤습니다. 코드 수정용으로는 비압축을 쓸것이지만 실사용으로는 압축파일을 사용합니다. 더불어 HTML도 압축을 했습니다. 이전에는 Quote까지 다 지워버.. 더보기
Introducing Prototype 제 3번째 자작스킨인 Prototype을 공개합니다. 지금 부터 새 스킨의 주요 기능을 설명드리겠습니다. HTML5 시멘틱 구조 도입 시멘틱 구조를 통해서 SEO에 최적화 되어있습니다. 이전스킨도 HTML5 기반이었지만 소심하게 쓴것에 비해서 이번에는 Section, Article 시멘틱 태그를 적극활용했습니다. HTML5, CSS3 웹 표준 검사 통과 본 스킨의 HTML마크업과 CSS스타일링은 W3C 웹표준을 엄격히 준수합니다. Mobile-First 티스토리 최초의 모바일 퍼스트 스킨입니다. 구성요소를 크기만 줄여서 재활용하는 대신 각 스크린 사이즈에 맞는 요소들을 따로 만들어 더 쾌적한 사용환경을 제공합니다. *모바일퍼스트: 웹페이지를 제작할때 PC버전의 크기를 줄이는 기존 방식 대신 반대로 모바일.. 더보기
스킨 제작 일지 - 거의 완료 검색 잘됩니다. 이상하게도 티스토리에서 제공해준 구조대로 짜야지 검색이 먹히네요 -_-; 이제 소소한 버그 잡기와 세부 스타일링을 하고 있습니다. 플러그인도 몇개만 설치하면 끝나겠내요 이거만들다가 감기 제대로 걸렸습니다. 아오 죽겠내 -_- 더보기
[ #톱기어따라잡기 ] - 12/13 I am tytpinhg in the back og a metrocabb. Hiws it guing?— Jeremy Clarkson (@JeremyClarkson) December 12, 2013 매토ㅜ너로 캬ㅐ바ㅑ아세 트ㅜㅐㅔㅇㅅ날레;ㅂ ㄴㄷ ㅏ. ㅓ됴샤ㅓㅐㅇ ㅛ (매트로 캡안에서 트윗 날립니다 어떄요?) Tonight, we are discussing many things. pic.twitter.com/2yPJEjwZmL— Jeremy Clarkson (@JeremyClarkson) December 13, 2013 오늘밤, 우리는 많은 것을 의논 했습니다. 더보기
[ #톱기어따라잡기 ] - 12/11.12 트위터 해쉬 태그 #톱기어따라잡기를 통해서 제레미, 제임스, 리처드, 톱기어 공식, 그리고 스티그(...)의 트위터 소식을 쪼랩 번역실력과 톱기어 사생팬의 정신으로 번역하여 제공해드립니다. People who buy drinks in a busy pub with a credit card should be hit with a bat.— Jeremy Clarkson (@JeremyClarkson) December 9, 2013 붐비는 술집에서 신용카드로 술사는 새끼는 빳다로 쳐 맞아야 해요 Oh for crying out loud. Now he wants a fucking receipt.— Jeremy Clarkson (@JeremyClarkson) December 9, 2013 시바 돌겠내 이제 영수증까지.. 더보기
스킨 제작 상황 - 끝없는 삽질의 연속 테스트 용 블로그에 적용 성공했습니다.사진을 보시면 아시듯이 좀 깨집니다.사실 좀 많이 깨져요.일단 안되는 것 나열 해보면검색안됨. 메인화면 안뜸. 티스토리 툴바 안뜸. 최근 글 안뜸. 댓글 작성 안됨. 방명록 안써짐. 단축키 안됨(이건 이해가 안되네요 -_-),안됨 안됨 안됨 하여튼 다 안됨아... 멘붕입니다. -_-body 안에 태그를 전부 갈아엎어야 할것 같네요티스토리 기본 스킨 내용물 긁어다가 그대로 복붙하고 그거 바탕으로 스타일링하는게 더 빠를것 같습니다.xhtml로 된건 시멘틱 태그로 바꿔주고.... 아이고 힘들어... 더보기
새로등장한 네이버 기능, 네이버me 댓글함 사용후기 네이버me 댓글함은 네이버me에 새로 추가된 기능으로써 자신이 단 블로그/카페 댓글을 한곳에 모아서 보여주고, 다시 원래글을 찾아서 들어가지 않아도 모든 댓글 내용을 읽을수 있고 답글을 달수 있게 해준다.생각보다 괜찮다.... 가 아니라이걸 진작 만들어 줬어야 하는거 아닌가 -_-;;;;;알림에서 답글 달기를 하면 150자 제한이 되던 등신 같은 문제도 해결 됐다. 게다가 알림에서 200자가 넘어가는 댓글을 잘라먹는 말도 안되는 것도 해결 됐다. (사실 이문제는 개편전에는 없던 문제다. 그래서 더 짜증이 난다)다시 한번 말하지만 me가 런칭한지 5년이 넘어가는데 이걸 이제서야 해줬다.진짜 네이버는 답이없다. -_- 더보기
반응형 스킨제작시 스프라이트 이미지 때문에 발생하는 애로사항들... 현재 로딩속도 비약적 향상을 목표로 삼고 베경 이미지를 제외한 모든 이미지 요소를 스프라이트로 대체 했습니다. 하지만 이에 따른 예상치 못한 문제들이 속속들이 드러나고 있습니다. (오른쪽 플로팅 메뉴 주목) 하지만 옆에 플로팅 요소를 보면 아시듯이 스프라이트를 사용하면 img 요소로 바로 심는 것이 아니라 div나 span을 놓고 거기에 background-img를 사용해서 스프라이트를 CSS로 넣는 방식으로 가야합니다. 사실 이미지 파일 주소를 일일히 쳐넣는 것보다 단일 이미지 파일에 스프라이트 위치만 불러오면 되어 스타일링이 상당히 빠르고 편하지만 요소자체의 크기는 변하되 배경 이미지의 크기는 변하지 않아 반응형 이미지의 구현이 쉽지 않다는 단점이 있습니다. 다음도 현재 개편을 하여 큼직큼직한 스프라.. 더보기
[ #톱기어따라잡기 ] - 12/10 트위터 해쉬 태그 #톱기어따라잡기를 통해서 제레미, 제임스, 리처드, 톱기어 공식, 그리고 스티그(...)의 트위터 소식을 쪼랩 번역실력과 톱기어 사생팬의 정신으로 번역하여 제공해드립니다. Can anybody beat this for a kitchen drawer of crap? pic.twitter.com/fwRPBO1XkQ— James May (@MrJamesMay) December 9, 2013 이것보다 더 잡동사니로 가득한 서랍을 보신분은 없겠죠? I mean, what in the name of God's holy garlic press is this? pic.twitter.com/rDqht4QUEh— James May (@MrJamesMay) December 9, 2013 성스러운 마늘 으깨.. 더보기
PROTOTYPE 디자인 초안 입니다. 큰 변화 없이 이대로 만들어 지고 있어서 디자인 할때 사용한 PSD 파일의 모습을 공개합니다. 이대로 완성까지 만들어지면 정말 좋겠지만... HTML한계상 타협을 봐야 하는 점은 바뀔수도 있습니다. ^^; 더보기

티스토리툴바