CSS 디자인 도식화

어제 저녁 잠자기 전에 생각났던 내용인 CSS 디자인 과정(프로세스)을 도식해봤다. 지난 글에서는 CSS 디자인을 피라미드식으로 전계했었는데, 아무래도 전체 이치에 맞지 않아서 더 생각해보니, 더욱 근접한 도식화를 찾을 수 있었다. 역시.. 스캐너가 있으니 좋구나~ ㅎㅎ CSS 디자인 과정이 산의 모양을 닮았는데, 가장 아래 부분부터 가장 높은 봉우리까지 산행하는 모습과 같다. 이름하여, 뫼 산(山) CSS 디자인 프로세스! […]

CSS와 디자인의 통일성

나는 디자인의 이론에 대해서 체계적인 교육을 받지 못했다. 다만 책과 인터넷을 통한 독학과 웹사이트를 제작했던 경험을 통해서 나름대로의 지식을 쌓았다. 그런 나이지만 자칭 웹디자이너로써, 디자인의 최대 목표 중 하나가 통일성(일관성)이라고 생각한다. 이는 사용자 중심 디자인이라는 범위를 넘어 디자인 전체를 아우르는 심오함이 숨어있다. 그런 점에서 CSS 디자인은 통일성을 유지하는 가장 효율적인 방법을 제시한다. CSS는 Cascading Style […]

Internet Explorer 7 Beta 2 Preview

인터넷 익스플러 7의 2번째 베타버전이 유출됐다. (via JWC 블로그) 윈도우 XP sp2 이상에서만 설치할 수 있는 것으로 알고 있는데, 나는 윈도우2003를 사용함으로 대략 난감.. 작년 여름에 IE7 beta1이 유출됐을때(그후 공개 테스트), 일몰님과 지윤님 등 몇몇 CDK(Css Design Korea 포럼)의 회원분들이 테스트했던 기억이 난다. 이번에도 시간이 좀 지나면 여러 사용기들을 볼 수 있겠지? ㅎㅎ 지난 IE7 […]

스타일쉬트 기본 설정

웹브라우저마다 h1~6의 머릿글이나 p, hr, ul, ol, li 등 여러 기본 선택자들의 마진과 패딩값이 다르게 표현된다. 이런 차이는 * 는 전체 선택자이다. CSS는 이름그대로 계단형식으로써 부모/자식 사이에 각 속성들을 상속하기 때문에, 전체 선택자의 속성에 특정값을 지정할 경우 자식이 되는 모든 선택자들이 그 속성을 따르게 된다. @/* =reset ————————————————–*/ * {margin:0; padding:0;border:none;} @ 나는 css 파일을 […]

드림위버 8의 환경 설정

드림위버 8를 설치하여 사용중인 제이님이 오후에 MSN으로 내게 물어왔다. 디자인 모드에서 폰트 크기를 em으로 설정하면, 제대로 랜더링 되지 않는다는 것이다. 이는 MX 2004 버전에도 발생했던 문제인데, 한글 프로그램의 경우 디자인 모드에서 기본 글꼴의 크기가 12pt로 설정돼 있는 반면, 영문 프로그램의 경우 글꼴의 크기가 10pt로 설정돼 있기 때문이다. 웹표준화 프로젝트에서는 웹 접근성 측면에서 스크린 미디어 타입에서는 […]

드림위버 8의 CSS 랜더링

매크로미디어에서 최근에 출시된 드림위버 8는 이전 버전인 드림위버 MX 2004보다 디자인 모드에서 CSS 랜더링이 무척 향상됐다. 이전 버전에서는 *(전체 선택자)에 margin, padding : 0 을 주고 CSS를 제작하면 제대로 랜더링 하지 못했는데, 이번 버전부터는 정확히 랜더링 해준다. 드림위버 MX 2004의 디자인 모드에서 확인한 모습 : 드림위버 8의 디자인 모드에서 확인한 모습 : 물론, 드림위버 8에서도 […]

CSSLOOK.com 제작중

엊그제인 16일부터 제작에 들어가서, 현재까지 30%의 진행율을 보이고 있다. 사이트 컨셉은 “웹디자인의 정도를 보여드립니다”와 “웹디자인의 정도로 안내합니다”로 정했다. 일단 급선무는 국내의 웹사이트 중에서 웹표준을 기반으로, (X)HTML + CSS + DOM + JS를 이용한 구조적으로 분리된, 충분히 의미있는, 그럼으로써 접근성이 뛰어난 사이트를 선정하는 것이다. 사이트를 선정한 다음, 스크린샷과 HTML + CSS + WAI 유효성 검사 결과와 […]

CSSLOOK.com 오픈 예정

국내외 웹사이트 중에서 CSS를 기반으로 디자인된 사이트들을 소개하는 CSSLOOK.com을 제작하고 있습니다. 혼자서 작업하는 데 어려움이 있기 때문에, 관심있는 분들의 의견을 듣고 싶습니다. ‘아직 때가 아니다. 조금 빠르다.’라는 의견도 있지만, 국내에서도 작년 말 야후 코리아를 시작으로 많은 사이트들이 CSS기반으로 디자인되고 있습니다. 더욱이 최근 웹표준에 대한 책도 출간되면서, 웹표준과 그에 따른 CSS 디자인에 대한 인식이 나날이 높아지고 […]

동아일보 텍스트 버전과 짧은 예상.

언제나 의미있는 글들을 쓰고 있는 아거님이 알려주신 동아일보 텍스트 버전 사이트. 광고 하나 없는 점이 너무 맘에 든다. 기사 관련 이미지 외에는 다른 언론 사이트에서 쉽게 찾아볼 수 있는 아이콘 역시 찾아볼 수 없다. 그래도 제목글과 링크의 색상이 다르기 때문에 이용하는데 전혀 문제가 없다. 사실, 언론 3사에 대해서 그다지 좋은 감정을 갖고 있지 않았지만, 동아일보의 […]

DOM과 CSS의 선택자

몇일째 JS와 DOM과 관련된 책을 읽고 있다. 아무래도 남은 휴가기간은 내일과 모래에는 다른 일을 해야할 것 같기에, 일일 풀타임 독서도 오늘로써 끝일 것 같다. JS와 DOM에 관련된 국내 서적을 찾기는 생각보다 쉽지 않다. 대부분은 활용팁들의 예제를 중심으로 설명된 책들이라 기본 원리에 대한 깊숙한 접근(마치 수학 정석 교제에서 공식을 증명하는 단계와 같은)을 하고 싶던 나로써는 W3C […]