본문 바로가기

Works/Blog Skin

3-2-1 321예전부터 구상했던것인데 드디어 구현했습니다. 4단도 해보고 싶은데 마땅히 넣을게 없네요 =ㅅ= (footer를 옆쪽에 붙여 버릴까...) 더보기
깔끔한 반응형 웹 테스트 도구 - Respondr 반응형 웹이 구현하기 까다로운점은 여러기기에서 태스트 해봐야 한다는 것입니다. 저만해도 휴대폰은 제걸로 하면되지만 테블릿이 없어서 테스트를 못해보는 실정인데요, 이럴때 반응형 웹 테스트 도구는 정말 큰 도움이 됩니다. 사실 현재 나오는 스마트폰 중에서 가장 작은 넓이를 가지고 있는 폰중의 하나가 아이폰입니다. 해상도는 640x960(1136)이지만 브라우저 화면의 크기는 가로폭 320px입니다. 그래서 아이폰까지 맞춰주면 모바일 기기 반응형은 거진 다 만들었다고 보면 됩니다. 뿐만 아니라 테블릿도 가장 범용적으로 많이쓰이는 아이패드의 해상도 1024x768만 지원하면 됩니다. 나머지 테블릿은 떨거지거나 파편화가 심하기 때문에 쿨하게 넘어가면 되죠 -ㅅ-제대로 하고 싶다면 안드로이드 폰까지 모두 테스트 해.. 더보기
'Music' 카테고리 전용 스킨 적용 인터넷이 느린곳에서는 팝인 현상이 있습니다. 이것은 css 최적화로 나중에 해결할 예정입니다. 테스트 페이지 - http://est0que.tistory.com/1252 기존과는 다른 방식을 도입 해봤습니다. 이전 방식은 기본 게시글 형태를 가리고 이리저리 움직이거나 색상을 바꾸는 것이라면 새로운 방식은 아예 다른 css를 로드하는 방식입니다. 더보기
Top gear , Diary 카테고리 별도 베너 적용 톱기어 카테고리 Diary 카테고리 카테고리별 기본 배너가 적용 되었습니다. 더보기
요즘 유행하는 웹디자인 요소를 모두 적용해보았습니다. 아이폰테마와 블로그 스킨 페이지를 개편하면서 고정 배경 이미지와 풀스크린 이미지를 넣었습니다. 풀스크린 이미지 고정된 배경이미지 고정된 배경이미지는 뒷배경은 고정되어 있고 위에 있는 요소만 움직이게 하는 방법입니다. 무엇보다도 입체감을 살릴수 있다는 장점이 있지만 너무 많이쓰면 스크롤시 버벅거리고 정신이 사나워지는 단점이 있습니다. 풀스크린 이미지의 경우 웹브라우저의 가로 세로 넓이에 그대로 맞춰서 요소(element)를 생성하는 방식입니다. 전면에 원하는 사진을 꽉채워서 놓을수 있을 뿐만 아니라 스크롤을 아래로 내리면 내용이 보이게 할수 있고 무엇보다도 반응형 지원이 됩니다. 더보기
티스토리 카테고리별 스킨 - 풀 스크린 레이아웃 car 카테고리에 적용되는 스킨이며, 사진과 슬라이더, 유투브 영상이 화면에 100% 꽉차게 표시 됩니다. 사진의 크기가 1920보다 작을 경우에는 원래 크기대로 뜹니다. 비디오는 flex-video 옵션을 적용했을시에만 적용 됩니다. 기본적으로 저화질 영상에는 flex-video가 적용이 되지 않습니다. 특정 게시글에는 상단 베너이미지도 바뀝니다. 더보기
티스토리 기본 슬라이더 마개조 아시다 시피 티스토리 기본 슬라이더는 이렇게 생겼습니다. 컨트롤부 디자인도 90년대 풍이며, 무엇보다 가장 문제는 사진이 쥐꼬리만하게 뜬다는 것이죠. 기능부족이야 말할것도 없지만 이를 극복하기 위해서 외부 슬라이더를 설치 해서 쓸 수 있습니다. 그러나 이렇게 하게되면 아주 귀찮은 상황이 발생합니다. 슬라이더를 쓰고 싶을때마다 사진 한장한장을 슬라이더에 넣어줘야 되는 것이죠. 한 두장이면 모를까 10장 넘어가면 사람 돌아버립니다. 게다가 스킨이라도 한번 바꾸면서 슬라이더 스크립트를 꺼버리면 아주 개판이 됩니다. 그래서 이를 어떻게 처리할까 고민을 하다가 그냥 기본 슬라이더를 뜯어고치는 방향으로 했습니다. 기본슬라이더는 스킨을 바꾸더라도 티스토리 기본 스크립트가 적용 되어서 멀쩡하게 있을 테니까요 스타일이 .. 더보기
카테고리 별 스킨 적용 (임시) MacintoshiOS7Photo Photos , iOS7 Theme, Hackintosh 카테고리에 별도 스킨이 적용 되었습니다. 더보기
티스토리 오류페이지 제작완료 미디어로그키로그위치로그태그로그 현재 안 쓰는 기능인 미디어로그/ 태그로그/ 위치로그/ 키로그/ 보호글에 접속할시에 다음과 같은 화면과 오류메시지를 출력합니다. 더보기
배포용 티스토리 스킨 제작중입니다. 이전에 쓰던 스킨을 모든 블로그에서 적용가능한 스킨으로 리마스터 중입니다. 스킨위자드가 작동되게 만드려고 삽질중이지만 관련 CSS속성을 다 넣어도 스킨위자드 버튼이 안뜨네요 -ㅅ- 뭐가 문제인지 고민중입니다. -_ㅜ 더보기

티스토리툴바