티스토리 스킨 #13 - Kiss Me

티스토리 스킨 #13 - Kiss Me

티스토리 블로거 Kiss Me 님의 스킨입니다. 커버 화면의 모습입니다. 썸네일을 작게 4개씩 보여주는 리스트 썸네일을 1:1 비로 보여주는 리스트 배경에 썸네일이 들어간 리스트 갤러리형 리스트 총 4가지로 구성되어 있습니다. 좌측 드로워엔 관리자 프로필 구독, 이웃 추가, RSS 링크 링크 목록 방문자 수 티스토리 메뉴바 로 구성되어 있고 우측 드로워엔 홈, 방명록, 공지사항 바로 가기 카테고리...
티스토리 스킨 #11 - Summer Nights 2

티스토리 스킨 #11 - Summer Nights 2

5번 스킨인 Summer Nights와 비슷한 느낌으로 새로 만든 스킨입니다. 티스토리에서 추가한 커버 기능을 이용해 홈 화면을 다양하게 꾸밀 수 있도록 하고, 헤더 카테고리를 중앙 정렬시키는 등 다양한 개선이 이뤄진 버전입니다. 포스트 화면의 모습입니다.글에 집중할 수 있도록 1, 2단형 선택을 없애고 1단형으로 고정했습니다. 예전엔 글 목록을 표시할 때 Masonry 하나만 사용할 수 있었지만 2부터는 사진처럼 텍스트...
티스토리 스킨 #10 - PC 통신

티스토리 스킨 #10 - PC 통신

둥근모꼴이란 글꼴을 보고 갑자기 만든 스킨입니다. 아무래도 요즘처럼 이미지가 많은 페이지완 어울리지 않아 만들다 중간에 엎었지만, 컨셉이 꽤 마음에 들어 업로드해뒀습니다.
티스토리 스킨 #9 - Lovely Pink

티스토리 스킨 #9 - Lovely Pink

욕심을 비우고 간단하게 만들었습니다. 브라우저 안의 창이란 느낌으로, 컨테이너 하나를 만들고 그 안에 모든 요소를 넣었습니다. 포스트 화면입니다. 간단하고 아기자기함이 목표이라, 포스트 화면에선 따로 크게 건드릴 게 없었습니다. 사이드바의 모습. 공지사항 / 방명록 / 카테고리 세 가지 요소가 들어있고, 카테고리는 아코디언 카테고리를 적용했습니다. 댓글과 방명록의 모습. 기존에 만들어둔 디자인에서 색만 변경했습니다.
티스토리 스킨 #8 - nekodev

티스토리 스킨 #8 - nekodev

아는 동생이 블로그를 시작해 만들어 줬던 스킨. 미니멀리즘의 끝입니다. #2와 모양은 비슷한데, 완성도 차이가 역시 꽤 나네요.
티스토리 스킨 #7 - 묘한 스킨

티스토리 스킨 #7 - 묘한 스킨

티스토리 블로거 묘한 오빠 님의 스킨입니다.
티스토리 스킨 #6 - 갈매기 날다

티스토리 스킨 #6 - 갈매기 날다

티스토리 블로거 땀똔 님의 스킨입니다.
티스토리 스킨 #5 - Summer Nights

티스토리 스킨 #5 - Summer Nights

여러모로 제 기술을 끌어 올려준 고마운 스킨입니다. 인덱스 페이지를 따로 제작했습니다. 당시엔 티스토리에 만족스러운 인덱스 페이지를 만들 방법이 없어서, ajax로 인기 글 목록을 가져오는 등 인덱스 페이지에 보여줄 거리를 만드느라 애먹었던 기억이 나네요. ajax란 걸 처음으로 사용하기 시작한 스킨이기도 합니다. css 변수를 이용해, 같은 레이아웃 안에서 다른 느낌을 주는 것도 시도해봤습니다. 기분에 따라 테마 변화가...
티스토리 스킨 #4 - Lovely Skin

티스토리 스킨 #4 - Lovely Skin

html5의 video 태그와 svg를 활용하기 시작했습니다. 인덱스 페이지에 처음 들어가면 저렇게 화면을 꽉 채우는 영상이 재생되고, 스크롤을 내리면 비디오가 사라지며 페이지의 내용이 드러납니다. 인덱스 페이지의 모습입니다. 다시 Masonry를 사용했고, 2단형으로 페이지를 구성하기 시작했습니다. 디자인이 이제 그래도 눈 뜨고 볼 수는 있는 수준은 된 것 같네요. flex-box를 배우고, 티스토리의 댓글에 적용할 수 있겠다 싶어 댓글을 정렬하는...