이전

리뷰 (6)

한줄평
평점 분포
  • 리뷰 총점10 50%
  • 리뷰 총점8 50%
  • 리뷰 총점6 0%
  • 리뷰 총점4 0%
  • 리뷰 총점2 0%
연령대별 평균 점수
  • 10대 0.0
  • 20대 0.0
  • 30대 0.0
  • 40대 8.0
  • 50대 9.0

포토/동영상 (2)

리뷰 총점 종이책
스타일리시한 CSS 입문서
"스타일리시한 CSS 입문서" 내용보기
스타일을 말해요! 이 책은 정말 "Stylish" 또는 "Cool" 하다는 느낌을 주는 책이다.  개발자들이 주로 보는 검정색 글자들과 회색 톤의 난해한 도해로 가득 찬 책들과는 비교 자체를 거부한다. 디자이너의 높은 눈높이를 맞추기에 충분하다고 생각한다. 책 편집 디자인만 봐도 읽고 싶은 생각이 마구 든다. 저자는 이 책의 주요 독자를 웹 디자이너로 설정하고 있고 평자도 저자의 의
"스타일리시한 CSS 입문서" 내용보기

스타일을 말해요! 이 책은 정말 "Stylish" 또는 "Cool" 하다는 느낌을 주는 책이다.  개발자들이 주로 보는 검정색 글자들과 회색 톤의 난해한 도해로 가득 찬 책들과는 비교 자체를 거부한다. 디자이너의 높은 눈높이를 맞추기에 충분하다고 생각한다. 책 편집 디자인만 봐도 읽고 싶은 생각이 마구 든다. 저자는 이 책의 주요 독자를 웹 디자이너로 설정하고 있고 평자도 저자의 의도가 적절히 반영된 책이라고 생각되고 덧붙여 초보 웹 개발자들도 쉽게 CSS에 대한 기본을 익힐 수 있는 책이라고 생각된다.

 

책의 구성은 왼쪽 페이지에서 해당 주제에 대한 설명을 하고 오른쪽 페이지에 설명에 도움이 되는 자료를 이해하기 쉽게 표현해 놓았다. 스티브 잡스의 명품 프리젠테이션처럼 간결하면서도 핵심을 집어낸다. 저자가 심혈을 기울여 만들지 않았나 생각된다. 응용편으로 갈수록 어려워지기는 하지만, CSS 기초를 설명하는 앞부분에서는 정말 쉽게 표현해 놓았다.

 

저자는 웹디자이너들이 CSS를 정확하게 이해하고 사용하기를 주장하고 있다. 이는 CSS에 대한 오해들이란 주제에서 다루고 있다. 평자도 디자이너들도 CSS나 HTML에 대해서는 기본적으로 알아야 한다는 주장에 동의한다.

 

이 책의 도입부는 입문자에게 다양한 브라우저, 애드인(Add-in), 에디터 및 디자인 도구들에 대해 개요적으로 설명하고 심층적인 정보를 원하는 독자를 위해 사이트 주소를 표시해 놓았다. 글 읽는 중간 중간에 소개해 준 사이트들도 많은 도움이 될 듯하다. 평자는 css3.info 라는 사이트가 정말 마음에 든다. CSS 뿐만 아니라 IE9에 대한 논쟁들도 정말 재미있게 봤다. 시간이 나면 포스팅된 글들을 정독해 볼 예정이다.

 

PART2 - CSS 문법 알아보기는 CSS 기초 문법를 쉽고 명확하게 설명하고 있는데, 문제는 중간에 교정 오류가 많은 것이다. CSS에 입문하는 사람이 이런 오류를 명확하게 모르는 상태에서 혼란을 가중시킬 수 있을 것이란 생각이 든다. 이건 상당히 중요한 문제라고 생각되는데, 차후에 새로운 쇄가 나온다면 교정을 해서 나오면 정말 좋을 듯하다.

 

PART3 - 원어민처럼 말하기는 PART2에서 익힌 내용으로 예제 사이트를 만들어 본다. 기획 단계 부터 제작단계까지 다뤘다. 디자인 프로세스의 개략적인 내용까지 알 수 있어 좋았다. 물론 이런 프로세스가 웹 디자인에만 적용되는 것은 아니니 개발자 입장에서는 새로울 것은 없다.

 

이 서적의 번역 상태는 전반적으로 양호하지만, 간혹 문맥을 이해할 수 없는 부분들이 발견돼서 아쉬웠다. 표지 디자인, 편집 디자인, 타이포그래피 등은 나무랄 데 없이 훌륭하고 종이 질도 컬러 서적임을 고려한다면 좋은 편이다.

총평을 하자면, 웹 디자이너와 초보 웹 개발자들을 대상으로 한 서적으로 평가하자면 아주 훌륭한 책이다. 다만 오타나 교정 오류가 다른 서적에 비해 많은 것이 옥의 티다.

 


책을 읽는 중에 발견된 오타나 교정오류를 적어본다. 참고해서 보면 좋을 듯하다.

위치

수정전

수정후

10p

object.style.color = rgb(255,0,0);

object.style.color=”rgb(255,0,0)”;

10p

object = document.getElementsByTagName(‘h1’); 자바스크립트 코드에서 얻어진 object 는 배열이다. 따라서 첫번째 object.style.color object[0].style.color 로 변경되어야 정상적으로 작동한다.

50p 2번째 단락

하ㅁ씩 

하나씩

51p

H1{color: red;

H1{ color: red; }

111p

<h1 class=”hilight”>…</h1>

<h1>…<cite class=”hilight”>…</cite></h1>

113p 하단

<h1>…</h1>

<div id=”content”><h1>…</h1></div>

114p 첫번째 CSS 코드

#content h1 .hilight { color:purple; }

.column01 h1 .hilight { color: orange; }

#content h1 .hilight { color: orange; }

.column01 h1 .hilight { color: purple; }

114p 7번째 줄

HTML, CSS, id

HTML, class, id

117p 첫번째 예시

.highlight

.hilight

 

<h1 class=”highlight”>…</h1>

<h1>…<cite class=”hilight”>…</cite></h1>

133p

text-decoration : strike-through;

text-decoration: line-through;

138p

: 부분에 center가 속성값이 중복기술

하나 제거

145p

filter:alpha(100);

filter: alpha(50);

filter: alpha(25);

filter : alpha(opacity=100);

filter : alpha(opacity=50);

filter : alpha(opacity=25);

 

IE8 이상에서는 –ms-filter: alpha(opacity=50); filter: alpha(opacity=50); 같이 설정

186p

것ㅌ을

것을

220p

aligncenter

alignclear

226p

font-family:…,sans-serif.

font-family:…,sans-serif;

232p

Trubuchet MS

Trebuchet-MS

232p

예제에서, 폰트 Fontin Sans는 웹 안전 폰트인 Optima, 핵심 웹 폰트인 Trebuchet MS, 범용 폰트 Sans-Serif와 함께 다운로드 됩니다.

 

Fortin Sans 폰트를 제외하고는 웹에서 다운로드 할 필요가 없음에도 함께 다운로드 한다고 설명하고 있는데, 올바르게 번역된 것인지 의문스럽다.

238p

10-43

10-13

254p

예시 이미지 IE8 부분

파이어폭스, 사파리 예시와 다른 형태의 예시

262p

<br style=”alignclear”/>

<br class=”alignclear”/>




YES마니아 : 골드 g*****i 2010.08.17. 신고 공감 2 댓글 1
리뷰 총점 종이책
멋진 웹디자인을 위한 첫걸음!
"멋진 웹디자인을 위한 첫걸음!" 내용보기
사실, 나는 전문적으로 웹디자인을 공부하는 사람도 아니거니와,남들 다하는 포토샵 정도 만지는 수준이라 이 책에 대한 첫느낌은 '어렵지 않을까?'라는 것이었다. 최근에 사진과 디자인에 관심을 가지기 시작하면서부터 조금씩 웹디자인에 대해 알아가던 나였기 때문에, 웹디자인에 꼭 필요한 CSS에 대해 다루고 있다는 이 책에 관심을 보이긴 했지만, 막상 몸(;)으로 부딪히려니 겁이
"멋진 웹디자인을 위한 첫걸음!" 내용보기

사실, 나는 전문적으로 웹디자인을 공부하는 사람도 아니거니와,남들 다하는 포토샵 정도 만지는 수준이라 이 책에 대한 첫느낌은 '어렵지 않을까?'라는 것이었다.

최근에 사진과 디자인에 관심을 가지기 시작하면서부터 조금씩 웹디자인에 대해 알아가던 나였기 때문에, 웹디자인에 꼭 필요한 CSS에 대해 다루고 있다는 이 책에 관심을 보이긴 했지만, 막상 몸(;)으로 부딪히려니 겁이 난 것도 사실.

하지만 차근차근 시간을 두고 공부하면 될 것이라는 결심과 함께 넘겨본 페이지들은 빽빽한 전문용어들의 향연대신, 깔끔하고 큼지막한 텍스트와 친절하게 그림으로 설명된 페이지가 양쪽에 나뉘어져 있어 한눈에 보기에도 요약정리가 잘 된 한권의 노트같다는 느낌이 들었다.
처음 글을 시작하며 적혀있던 글귀.
 
"디자인이란 당신이 능숙하게 제어할 수 있는 도구를 이용하여 명확하게 의사소통하는 것이다"
 
글을 읽고나니 조금은 용기가 생겼다. 어려운 용어들, 생소한 용어들과 프로그램도 결국은 내 머릿속에 떠오른 이미지들을 형상화하기 위한 하나의 도구일 뿐이란 생각이 들어 CSS란 생경한 단어에 대한 공포심(?;)도 줄어들었던 것이다.
 
차근차근 친절한 설명과 함께 읽어나간 책. 그리고 알아낸 사실은 내가 그토록 어렵고 생소하게만 느껴졌던 CSS란 결국,내 머릿속의 아이디어를 시각화하여 온라인상에 펼칠 수 있게 하기 위해서 필요한 하나의 언어인 셈이라는 것이다.
이를테면, 웹디자인 상의 문법과 어휘라고 할 수 있겠다.
 
이렇게 이해하고 나니, 넘어가 사용법과 작업 프로세스에 관한 설명의 이해에도 도움이 많이 되었다. 처음 포토샵같은 프로그램을 배웠을때와 같은 느낌.
기본적인 그림판의 구조와 기능들을 바탕으로 해서 좀 더 다양하고 테크닉적인 요소가 더해진 포토샵처럼, CSS역시, 웹 환경에 필요한 디자인 환경에 좀 더 자세하게 설명하고 있는 것이다.

책에도 설명된것처럼 CSS란 결국 하나의 '표현'방법 이다.

'웹'이라는 하나의 사이버 공간에 인테리어를 하기 위한 가장 기본적인 수단인 셈이다.

 

다른 CSS서적들이 전문적인 부분에 치중하여 디자이너들만을 위한 내용으로 책을 구성하는데 비해, 이 책은 나와 같은웹디자인에 대한 문외한에게도 하나하나 차근차근 익혀나갈 수 있도록 속도를 조절하며 쉽게 풀어쓰고 있다.

 

역시 디자이너 마인드로 만들어진 책 답다는 느낌이 들었달까^^

 

솔직히 말해서 난 아직 CSS에 대해 모르는것이 너무나도 많지만, 이 책 한권으로 인해 '웹 디자인은 무조건 힘들다'란 고정관념을 제대로 깨버린 것 같아 뿌듯한 기분이다^^

k*******n 2010.09.02. 신고 공감 1 댓글 0
리뷰 총점 종이책
디자이너에게 선물해 주고 싶은 책!!
"디자이너에게 선물해 주고 싶은 책!!" 내용보기
이 책은 다년간의 웹디자인 경험을 가지고 있는 저자의 경험이 녹아있는 디자이너를 위한 CSS서적이다. 프로그래머에게는 오히려 좀 생소하리 만큼 화려한 컬러를 사용하여 알기 쉽게 설명을 해준다(이런 컬러풀한 서적은 디자이너에게는 많이 익숙하겠지만...). 특히 책의 구조는 화려한 색 만큼이나 서점에서 잠깐 책을 살펴보는 독자에게도 시선을 끌기에 충분한것 같다. 왼쪽 페이
"디자이너에게 선물해 주고 싶은 책!!" 내용보기

이 책은 다년간의 웹디자인 경험을 가지고 있는 저자의 경험이 녹아있는 디자이너를 위한 CSS서적이다.

프로그래머에게는 오히려 좀 생소하리 만큼 화려한 컬러를 사용하여 알기 쉽게 설명을 해준다(이런 컬러풀한 서적은 디자이너에게는 많이 익숙하겠지만...). 특히 책의 구조는 화려한 색 만큼이나 서점에서 잠깐 책을 살펴보는 독자에게도 시선을 끌기에 충분한것 같다.

왼쪽 페이지에는 제목과 상세 설명이 기재되어 있고, 오른쪽에는 해당 내용에 대한 상세한 설명을 보여준다. 대게의 서적이 그림이나 도표를 보기 위해 앞뒤로 책을 넘겨가며 봐야 하는것에 비해 파격적인 구성이 아닌가 싶다.

디자이너에게는 다가가기 힘든 CSS에 대해서 체계적으로 설명을 해주고 있다.

본인이 현재 디자이너와 함께 cowork하며 웹 혹은 widget등을 개발하고 있다면, 한끼 식사값을 절약해서 당장 디자이너에게 선물해 봐라. 퇴근시간을 앞당길 수 있으며, 좀더 디자이너의 상상과 당신의 능력이 더해져 좀더 나은 결과물을 보며 웃는 자신을 발견할 수 있으리라...

다만, 간간히 오타가 많이 눈에 띄는데... 크게 책을 읽는데 방해할 만한 수준은 아닌것 같다.

다른 리뷰어가 오타도 상세히 정리해 놓았으니 참고하면 좋을것 같다.

YES마니아 : 로얄 n********r 2010.08.26. 신고 공감 0 댓글 0
리뷰 총점 종이책
디자이너를 위한 최적의 CSS 입문서
"디자이너를 위한 최적의 CSS 입문서" 내용보기
베태랑 디자이너가 쓴 디자이너를 위한 CSS 입문서입니다서점에서 책을 잠시만 넘겨 보아도 이책의 방식을 짐작하실 수 있을 겁니다책을 펼쳤을때 왼쪽 페이지에는 설명글, 오른쪽에는 그림이 자리하고 있습니다빈공간도 많고 글자도 보기좋은 크기이며 수준 높은 칼라 그림들은 이책이 디자이너를 대상으로 한다는걸 확실히 알려줍니다   'CSS 코드를 설명하는 책들은 무수히 많지만,
"디자이너를 위한 최적의 CSS 입문서" 내용보기

베태랑 디자이너가 쓴 디자이너를 위한 CSS 입문서입니다
서점에서 책을 잠시만 넘겨 보아도 이책의 방식을 짐작하실 수 있을 겁니다
책을 펼쳤을때 왼쪽 페이지에는 설명글, 오른쪽에는 그림이 자리하고 있습니다
빈공간도 많고 글자도 보기좋은 크기이며 수준 높은 칼라 그림들은 이책이 디자이너를 대상으로 한다는걸 확실히 알려줍니다

 

'CSS 코드를 설명하는 책들은 무수히 많지만, 그런 추상적인 코드에서는 생각을 자유롭게 펼치기 힘들다...'

 

위 문장이 이책에 대한 정확한 설명 문구인듯합니다
국내에도 이미 몇권의 CSS  서적들이 있습니다
CSS 의 중요성에 비하면 그다지 많게 느껴지진 않지만 그정도면 공부하는데 부족하다고 생각하지는 않았습니다
하지만 이건 확실히 저같은 프로그래머만의 생각일 수도 있습니다
대부분의 책들이 프로그램언어책들의 설명방식과 크게 다르지 않으니까요
레퍼런스식의 문법 설명과 예제, 그리고 마지막의 종합예제..., 혹은 팁모음집같은 소스들로 가득찬 페이지들 ..
이런방식의 책들은 확실히 프로그래머에겐 익숙할 수 있지만 디자이너에겐 처음부터 큰 부담을 줘서 선듯 시작하지 못하게 만들 수도 있을겁니다
확실히 디자이너라도 이런 책들을 언젠가는 분명히 보아야 하겠지만 입문서로 적당한지는 의문입니다

 

'디자이너의 언어로 말한다'
'코드로 말하는 것이 아니라 스타일로 말해야 한다'

 

1장은 웹에 대한 이런저런 이야기들입니다
브라우저와 html css 에 대한 개론들, 개발도구들과 용어들에 대한 간략 소개
단지 몇페이지에 짧게 언급해도 될것들도 보기좋은 그림과 함께 부담없이 진행하는데 이방식은 이책의 마지막까지 일관되게 계속됩니다
특이할만한 점은 CSS 에 대한 디자이너의 잘못된 생각을 지적한 부분인데 무척 공감이 가는 부분입니다
CSS 는 분명히 디자인툴입니다
코드를 직접 볼수 없는 포토샵, 플래시 등과 다르게 직접 코드를 입력해야한다는 것 외에는 마찬가지로 웹의 시각적인 부분을 담당하는 디자이너의 도구입니다

 

'디자인이란 당신이 능숙하게 제어할 수 있는 도구를 이용하여 명확하게 의사소통하는 것이다 - 밀톤 글래서'

 

2장은 CSS 문법설명입니다
가장 자주 사용되는 문법들에 대한 설명입니다
하나의 문법설명이 한페이지를 넘어가는 일은 거의 없으며 왼쪽 페이지에 설명, 오른쪽 페이지에 결과 그림이 보여집니다
단순 텍스트라도 폰트와 색상 크기를 보기좋게 편집해서 레퍼런스식의 설명에서 최대한 벗어나려 애를 씁니다

 

3장은 하나의 완성된 웹페이지를 예로서 소스를 하나씩 설명해갑니다
첫페이지의 멎진 예제 그림을 보면 학습의욕이 마구 치솟을 겁니다
하지만 일반적인 따라하기 방식의 장은 아닙니다
완성된 웹페이지의 각 요소별로 소스를 보여주지만 따라서 직접 코딩하기 좋게 편집된건 아닙니다
일단 눈으로 이해한 후 전체소스를 다운로드하여 분석하는것이 옳을 것입니다

 

이 책은 디자이너를 위한 책입니다
웹표준과 크로스브라우징, DIV 코딩을 공부하려는 개발자에게는 어울리지 않습니다
또 이미 하드코딩에 익숙한 디자이너에게도 얼마나 도움이 될지 의문입니다
하지만 어떻게 CSS 학습을 시작해야 될지 계속 망설이며 미뤄온 초보 웹디자이너라면 최적의 입문서가 될것입니다
경험 많은 웹디자이너라도 그동안 포토샵과 드림위버에만 의존해왔다면 이책이 새로운 경험이 될 수 있을것입니다
이책을 보시면 그동안 도저히 볼 엄두가 않났던 빽빽한 글씨로 채워진 다른 책들이 그다지 부담스럽게 느껴지지 않을 겁니다
오히려 빨리 보고 싶어질 겁니다

t****h 2010.08.22. 신고 공감 0 댓글 0
리뷰 총점 종이책
웹디가 힘들다고 느끼는 분들에게 권하고 싶은책.
"웹디가 힘들다고 느끼는 분들에게 권하고 싶은책." 내용보기
처음 웹페이지를 만들었던게 어느새 3년전이다.    웹을 경험한지 3년째인지만 아직도 나아진게 없다면 바로 디자인에 관한 부분이다..    이때가지 경험상으로 웹디쪽은 감각이 없이는 잘하기힘든 분야이다.그런데 중요한 문제는 내가 생각하기에 나한테는 웹디에 관한 감각이 없어서 웹페이지를 만들면 디자인이 별로이다.    그래서 웹페이지를 만들때마다 아는친구에게 디자
"웹디가 힘들다고 느끼는 분들에게 권하고 싶은책." 내용보기

 처음 웹페이지를 만들었던게 어느새 3년전이다.

 

 웹을 경험한지 3년째인지만 아직도 나아진게 없다면 바로 디자인에 관한 부분이다..

 

 이때가지 경험상으로 웹디쪽은 감각이 없이는 잘하기힘든 분야이다.그런데 중요한 문제는 내가 생각하기에 나한테는 웹디에 관한 감각이 없어서 웹페이지를 만들면 디자인이 별로이다.

 

 그래서 웹페이지를 만들때마다 아는친구에게 디자인을 부탁하곤 했다. 그리고 난 웹디는 안되하면서 프로그래밍쪽에만 더 집중을 하다 웹디를 더 멀리하게 되었다.

 

 이 책을 보면서 난 딱 한가지만을 바랬다. 내 웹디에 대한 두려움을 조금이나마 희석시켜주기를 바라고 바랬다.

 

 결과만 보면 지금도 웹디를 잘할 자신은 없지만 조금은 가까워진듯한 느낌이다.

 

 책이 구성때문인지 몰라도 보기가 참 편했다. 굳이 해보지 않아도 결과가 눈앞에 있기 때문에 웹디에 거부감을 가지고 있는 나로서는 직접 실습을 해보지 않아도 결과가 눈앞에 있으니 이렇게 만들어지구나 생각하면서 편하게 읽었다.

 

 CSS3가 나오게 되면서 지금도 디자인부분도 변화가 예상된다. 프로그래머를 꿈꾼는 나로서는 직접 디자인을 할 일은 별로 없을 것이다. 그렇지만 나에게 있어 고질적인 문제인 디자인을 모른고 지낸다면 일을 하는데 불편한점이 한두가지가 아닐텐데 이제는 한발짝 웹디랑 가까워진것 같다. 

 

p.s : CSS문법을 익히고자 하는 사람은 다른책을 보는게 좋을것 같지만 웹디자인이 무엇인지 알고자 하는사람은 읽어보기를 권하고 싶다.



s******8 2010.09.02. 신고 공감 0 댓글 0
리뷰 총점 종이책
스타일로 말해요 읽고
"스타일로 말해요 읽고" 내용보기
css 관련 책은 이번에 처음 본거 같다.   일단 읽기에 참 편하게 되어있는거 같다.글이 딱딱하지도 않고 사설처럼 길게 늘여쓰지도 않아 읽기에 참 좋았다.   그리고 책을 폈을때 왼쪽 페이지에는 전하고자 하는 내용을오른쪽에는 그 내용을 적용한 적용예를 보여주어 읽으면서 바로 오른쪽으로 그 해당 결과를 볼수가 있어 좋았던거 같다. 보통은 뒷장을 넘겼다 다시 돌아오며
"스타일로 말해요 읽고" 내용보기

css 관련 책은 이번에 처음 본거 같다.

 

일단 읽기에 참 편하게 되어있는거 같다.
글이 딱딱하지도 않고
사설처럼 길게 늘여쓰지도 않아 읽기에 참 좋았다.

 

그리고 책을 폈을때
왼쪽 페이지에는 전하고자 하는 내용을
오른쪽에는 그 내용을 적용한 적용예를 보여주어
읽으면서 바로 오른쪽으로 그 해당 결과를 볼수가 있어 좋았던거 같다.


보통은 뒷장을 넘겼다 다시 돌아오며 읽는 불편함이 있는데
이 책은 한눈에 내용과 적용예를 볼 수 있어 참 편했다.

그러한 점에서 구성방식이 재미있었다.

 

css 관련 책이라고 해서
css 에 대한 속성이나 사용 방법만 다룬 책인줄 알았는데
그러한 부분 뿐만 아니라 css 의 구성요소에 대한 특성이나
표현함에 있어서의 상속관계 등을 다루고 있어
읽으면서 흥미로웠다.

 

HTML 은 구조를 만들어 준다.
CSS 는 표현을 만들어 준다.
자바스크립트는 기능을 만들어 준다.

 

는 웹의 구성에 대한 정의가 참 흥미로웠다.
웹이라는 화면에 3가지의 요소로 생명을 불어넣는 거 같은
표현이 참 마음에 와닿았던거 같다.


책을 읽으면서
css 에 참 다양한 기능이 있는거에 놀랐다.
프로그래머 라고 CSS 에 대해서 소홀했던것도 사실인데
CSS 에 대해서 좀더 관심을 갖는것도 좋은거 같다.


 

j***o 2010.08.06. 신고 공감 0 댓글 0