본문 바로가기

티스토리 반응형스킨

(2)
티스토리 스킨제작기 (5) - 헤더(HEADER) 구조 구체화시키기 안녕하세요. 지난 시간에 우리는 티스토리 스킨가이드를 참고하여 기초적인 HTML 구조를 만들고, 시멘틱 태그를 적용하는 과정까지 진행했었죠? 오늘은 지난 시간에 이어, 스킨 구조를 좀더 구체화하도록 하겠습니다. 티스토리 반응형스킨 제작기 지난 이야기 티스토리 스킨제작기 (1) - 개발환경 구축하기 (웹개발도구 Brackets 이용)티스토리 스킨제작기 (2) - 레이아웃 잡기티스토리 스킨제작기 (3) - 레이아웃 만들기티스토리 스킨제작기 (4) - 티스토리 스킨 레이아웃 구성하기티스토리 스킨은 앞서도 말씀드렸듯이, skin.html 이라는 하나의 페이지에 여러 기능페이지를 모두 담아야하는 특징이 있죠. 즉, 포스팅 리스트도 skin.html에서, 위치로그도 skin.html에서, 방명록, 태그, 검색결과리..
티스토리 스킨제작기 (1) - 개발환경 구축하기 (웹개발도구 Brackets 이용) 안녕하세요. 작은설탕의 "작은"을 맡고있는 Mini입니다. ^^지난 시간에, 티스토리 반응형 스킨 #2 를 적용하고 앞으로 스킨을 수정해나가는 과정을 시리즈로 연재하겠다고 말씀드렸는데요. 이와 더불어서, 이참에 HTML5와 CSS3를 공부하고자 아예 처음부터 티스토리 반응형 스킨을 제작하기로 마음먹게되었어요. 꿈은 원대하게... ㅋㅋ[작은설탕 IT/Blog Tips] - [티스토리 반응형스킨#2 - 시리즈1] 반응형스킨#2로 스킨 바꾸기그래서 오늘은 그 첫시간으로, 티스토리 스킨을 제작하기위한 환경을 설정하는 과정을 소개할게요. 웹개발환경이야 각자 마음에 드는 방법으로 진행하면 되는데요. 전문적으로 프로그래밍을 다루시는 분들은 Eclipse 개발툴을 많이들 이용하시죠. 그런데 굳이 HTML과 CSS, 그..