작은설탕의 달콤한 인생로그

Prologue안녕하세요. 오늘은 "티스토리 반응형스킨 제작기" 연재물의 3편 입니다. 지난 시간에 우리는 레이아웃의 기본이 되는 구조를 네모난 상자모양으로 만들어놨었죠? 티스토리 반응형스킨 제작기 - 지난 이야기티스토리 스킨제작기 (1) - 개발환경 구축하기 (웹개발도구 Brackets 이용)티스토리 스킨제작기 (2) - 레이아웃 잡기오늘은 지난시간에 만든 구조를 좀더 레이아웃답게 만드는 과정을 진행할 꺼예요. 혹시 지난시간에 보여드린 기본 레이아웃 디자인 기억하시나요? 기본적인 2단 구성의 레이아웃이예요. 이번 포스팅에선, 우선 위와같은 레이아웃을 만드는 과정을 진행할꺼구요. 글이 너무 길어지지만 않으면, 사이드바의 폭을 고정폭으로 설정하고 본문폭에 가변폭을 적용하는 과정까지 진행해 볼께요. 레이아웃..

안녕하세요. 작은설탕의 "작은"을 맡고있는 Mini입니다. ^^지난 시간에, 티스토리 반응형 스킨 #2 를 적용하고 앞으로 스킨을 수정해나가는 과정을 시리즈로 연재하겠다고 말씀드렸는데요. 이와 더불어서, 이참에 HTML5와 CSS3를 공부하고자 아예 처음부터 티스토리 반응형 스킨을 제작하기로 마음먹게되었어요. 꿈은 원대하게... ㅋㅋ[작은설탕 IT/Blog Tips] - [티스토리 반응형스킨#2 - 시리즈1] 반응형스킨#2로 스킨 바꾸기그래서 오늘은 그 첫시간으로, 티스토리 스킨을 제작하기위한 환경을 설정하는 과정을 소개할게요. 웹개발환경이야 각자 마음에 드는 방법으로 진행하면 되는데요. 전문적으로 프로그래밍을 다루시는 분들은 Eclipse 개발툴을 많이들 이용하시죠. 그런데 굳이 HTML과 CSS, 그..