'jQuery'에 해당되는 글 4건
- 2012.04.01 :: [출간완료!!] 이제 실전이다, HTML5&CSS3 사이트 제작의 모든 것: 사이트 제작과 리뉴얼, 쇼핑몰, 모바일, 가변길이 사이트까지 (4)
- 2011.11.15 :: [신간소개] 웹 디자이너를 위한 jQuery (2)
- 2011.11.14 :: [오탈자 정보] 웹 디자이너를 위한 jQuery (87)
- 2011.11.08 :: [출간완료!!] 웹 디자이너를 위한 jQuery (8)
2012년 4월 출간 예정도서를 소개합니다.
<처음부터 다시 배우는 HTML5&CSS3>의 실전편으로 준비하였습니다. 구구절절 설명보다는 짧은 제목과 관련 이미지만 포스팅하겠습니다.
HTML5로 사이트 구조 설계를 어떻게 하고 CSS로 디자인을 어떻게 제어하는지 확실하게 연습할 수 있습니다.
기존의 사이트는 어떻게 리뉴얼을 할까요? CSS만 바꾸어도 사이트는 확실하게 달라질 수 있습니다.
쇼핑몰 디자인? 어렵지 않아요~~~. 복잡해보이지만, 사실 아주아주 간단합니다. 스티키 윈도우도 한번 구현해볼까요? 쇼핑몰 사이트 디자인을 잘 배워두면 어떤 복잡한 웹 디자인도 거뜬히 해낼 수 있을 것 같은데요~~~.
모바일에서는 어떤 다른 모양의 디바이스에서건 웹사이트가 잘 보여야겠죠? 가변길이 사이트도 아주 자세히 설명해드립니다.
다양한 웹 저작 툴도 소개합니다. 워드프레스나 제로보드도 소개합니다. 개발환경에 관한 전체적인 그림을 그릴 수 있는 데 도움을 얻을 수 있습니다.
아~~ 그런데, 표지가 너무 어려워요? 1번? 2번? 어떤 게 좋을까요?
-------------------- 1번 -------------------
-------------------- 2번 -------------------
-------------------- 3번 -------------------
'출간예정도서' 카테고리의 다른 글
[출간완료!!] 프로그래머로 산다는 것(2012년 9월) (0) | 2012.09.13 |
---|---|
[출간완료!!] 스토리로 이해하는 UX 디자인 프로세스 (0) | 2012.05.15 |
[출간완료!!] 이제 실전이다, HTML5&CSS3 사이트 제작의 모든 것: 사이트 제작과 리뉴얼, 쇼핑몰, 모바일, 가변길이 사이트까지 (4) | 2012.04.01 |
[출간완료!!] IT 아키텍트가 하지 말아야 할 128가지 (0) | 2012.03.07 |
[출간완료!!] Xcode4로 시작하는 아이폰 프로그래밍(1월) (0) | 2011.12.22 |
[출간완료!!] 빅 데이터 시대를 위한 NoSQL 핵심 가이드(12월) (0) | 2011.12.14 |
l 저자: Nishihata Kazuma
l 역자: 박건태, 신대호
l 페이지: 360
l 판형: 4x6배변형(190x244)
l 도수: 2도
l 정가: 25,000원
l 발행일: 2011년 11월 28일
l ISBN: 978-89-966598-5-3
[강컴] [교보] [리브로] [반디] [11번가] [알라딘] [예스24] [인터파크]
'신간소개' 카테고리의 다른 글
[신간소개] Xcode4로 시작하는 아이폰 프로그래밍 (2) | 2012.01.05 |
---|---|
[신간소개] 빅 데이터 시대를 위한 NoSQL 핵심 가이드 (0) | 2011.12.19 |
[신간소개] 웹 디자이너를 위한 jQuery (2) | 2011.11.15 |
[신간소개] 프로그래밍 콘테스트 챌린징 for GCJ, TopCoder, ACM/ICPC, KOI/IOI (3) | 2011.10.11 |
[신간소개] 처음부터 다시 배우는 HTML5&CSS3: 실전 웹 표준 사이트 구축까지 (0) | 2011.09.22 |
[신간소개] 거꾸로 배우는 소프트웨어 개발 (0) | 2011.08.14 |
2012년 1월 1일 현재
-------- p.36(아래에서 4째줄, color 속성)_1쇄--------
(데벨님 제공)
오류: read
수정: red
--------------------------------------
-------- p.40(sample5.html 4째줄)_1쇄--------
오류: <sapn>
수정: <span>
--------------------------------------
-------- p.35(2번째 소스 박스)_1쇄--------
오류: funcition
수정: function
--------------------------------------
'오탈자 정보' 카테고리의 다른 글
[오탈자 정보] Xcode4로 시작하는 아이폰 프로그래밍 (0) | 2012.01.05 |
---|---|
[오탈자 정보] 빅 데이터 시대를 위한 NoSQL 핵심 가이드 (0) | 2011.12.19 |
[오탈자 정보] 웹 디자이너를 위한 jQuery (87) | 2011.11.14 |
[오탈자 정보] 프로그래밍 콘테스트 챌린징 (61) | 2011.10.11 |
[오탈자 정보] 처음부터 다시 배우는 HTML5&CSS3 (63) | 2011.09.18 |
[오탈자 정보] 거꾸로 배우는 소프트웨어 개발(2011년 8월 22일 출간) (5) | 2011.08.23 |
댓글을 달아 주세요
- 이전 댓글 더보기
-
Addr Edit/Del Reply pople
p 257 의 소스에서 ul.menu li 부분에 속성이 하나 빠져 있네요.
2012.10.08 12:28
position:relative; 부분 추가해야 할 것 같습니다. -
Addr Edit/Del Reply pople
p 260 에 있는 소스중에서 밑에서 12번째, 5번째, 4번째줄에 있는
2012.10.09 01:38
서브메뉴B => 서브메뉴C 로 수정해야 맞을것 같네요. -
Addr Edit/Del Reply pople
p 286 에서 첫번째 줄에 data() 부분에 관련된 설명 페이지를 좌측에 "250페이지"로 되어있는데요. "249페이지"가 맞을 것 같습니다.
2012.10.10 18:37 -
Addr Edit/Del Reply pople
p 264의 두번째 문단의 내용에서 "태그(ul menu li)를 감싸고 있는 태그(ul.menu)를 지정하고"라고 되어 있는데요.
2012.10.11 11:19
ul menu li 부분은 ul.menu li 로 수정해야 바를듯 합니다. -
Addr Edit/Del Reply pople
p 295 의 소스중에서 위에서 7번째와 8번째줄에 보면
2012.10.11 11:25
margin-left:-25px;
position:relative;
부분이 있는데요. 이 부분은 불필요하기 때문에 제거하는 것이 좋을 것 같습니다.
이미 바로 위의 소스에서 position:relative설정을 하고 있고, margin의 경우도 margin:0 5px 0 -25px 에서 이미 왼쪽 마진에 대해서 -25px로 설정하고 있으므로 동일한 내용이 두번 중복되어 설정되고 있습니다. 그러므로 7번째와 8번째줄에 있는 코딩 소스는 불필요할것 같네요. -
Addr Edit/Del Reply pople
p 297 의 소스중에서 잘못된 곳이 하나 있습니다.
2012.10.11 15:45
여기 나오는Chapter03/11/sample1.html 파일을 실행해서 테스트를 해보면 한가지 문제점이 있는데요. "사이트 정보를 얻은 곳은 어디입니까?"부분의 체크 박스에서 "기타"부분에 체크를 하고 그 옆에 있는 etc_text라는 빈 항목에 아무 내용도 입력하지 않았을때 원칙적으로는 "그 외의 필수 항목을 입력해 주십시오."라는 문구가 해당 dd태그에 나타나야 하지만 테스트해보면 나타나지 않습니다. 물론 책을 보고 코딩을 하던, 제공되는 소스를 가지고 테스트해도 마찬가지 입니다.
여기서 수정해야 할 부분은 p 297 의 소스 중간 정도 부분에
if($(this).attr("checked")==true && $("input[name="+$(this).attr("name").replace(/^(.+)$/, "$1_text")+"]").val()==""){
와 같은 코드가 있는데요. 여기서 true 부분은 "checked"라고 수정해 줘야 합니다.
즉,
if($(this).attr("checked")=="checked" && $("input[name="+$(this).attr("name").replace(/^(.+)$/, "$1_text")+"]").val()==""){
와 같이 수정해 줘야 정상 동작합니다.
또한 p 304 에도 중간에 동일한 코드가 있으므로 true => "checked" 로 수정해야 될것 같습니다. -
Addr Edit/Del Reply pople
p 312 ~ p 313 의 설명중에서 조금 잘못된것이 있는것 같습니다.
2012.10.12 16:15
p 312 의 밑에서 두번째줄에 "패널을 왼쪽 방향으로 슬라이딩 시키는 처리" => "패널을 오른쪽 방향으로 슬라이딩 시키는 처리" 혹은 "패널을 왼쪽에서 오른쪽 방향으로 슬라이딩 시키는 처리"로 수정해야 바를 듯 합니다.
p 313 의 두번째 설명 구문에서 보면 "그러면 슬라이딩 전체가 왼쪽으로 슬라이딩되고" =>"그러면 슬라이딩 전체가 오른쪽으로 슬라이딩되고"로 수정해야 바를 듯 합니다.
-
Addr Edit/Del Reply pople
p 315 의 두 개의 소스코드에서 setInter val(function(){ 과 clearInter val(timerID) 부분에서
2012.10.12 16:17
setInter val => setInterval , clearInter val => clearInterval 로 한칸씩 띄워져 있는 부분들을 붙여줘야 할것 같네요. -
Addr Edit/Del Reply pople
P 318~P 319에 나오는 소스에 대해서 P 318 의 좌측 상단에 "chapter03/13/sample1.html"이라고 나오는데요. 이 부분은 "Chapter03/13/data1.html" 로 수정해야 바를 듯 합니다.
2012.10.15 11:38 -
Addr Edit/Del Reply pople
p 317 의 밑에서 두번째줄의 설명을 보면 "여기에서는 게시물1건에 class 속성 "column"을 설정한 div 태그로 감싸고 있습니다."로 설명이 되어있는데요.
2012.10.15 16:10
p 318 ~p 322에 나와있는 html과 css소스에서 보면 모든 column이라는 부분이 colmun 으로 오타가 나 있습니다. 단어에 맞게 소스에서도 column으로 수정하는것이 좋을 것 같구요.
p 321 의 소스중에서 밑에서 3째와 4째줄에 속성과 값 다음에 세미콜론(;)이 두개씩 있네요. 하나는 불필요할 듯 합니다. -
Addr Edit/Del Reply pople
p 349 의 스트라이프 테이블 구현에 대한 관련 페이지가 164페이지로 되어 있는데요. 172페이지로 정정해야 바를 듯 합니다.
2012.10.16 02:14 -
Addr Edit/Del Reply pople
p 349 의 "Interface elements"에 관련된 페이지 주소가 우측에 http://Interface.eyecon.ro로 나와 있는데요. 일단 주소는 소문자로 통일(현재는 I부분만 대문자로 되어있어서 L을 소문자로 적은것 같이 헷갈리게 하네요)해서 http://interface.eyecon.ro 로 해야 하겠고요. 아쉽게도 현재는 운영이 되지 않는 사이트인지 사이트 방문하면 PHP소소의 에러만 있고 해당 페이지 확인이 곤란한 상태네요.
2012.10.16 09:44 -
Addr Edit/Del Reply pople
p 28 에서 구글 서비스인 Google AJAX Libraries API주소로
2012.10.16 11:40
http://code.google.com/intl/ko-KR/apis/libraries/
사이트를 방문해보면 해당 내용이 아닌것 같은데요. 주소가 변경된 것인지 지원이 안되고 있는것인지 확인 부탁드립니다. -
Addr Edit/Del Reply pople
P 353 에서 오래된 버전의 jQuery를 Google Code로 다운로드할 수 있는 주소가 우측에 나와 있는데
2012.10.16 11:42
http://code.google.com/p/jqueryjs/codynloads/list
=>
http://code.google.com/p/jqueryjs/downloads/list
로 수정하는 것이 바를 듯 합니다. -
Addr Edit/Del Reply pople
p 352 의 스타일시트 소스 중에서
2012.10.17 09:56
.fisheyeItem span부분에서
positon:absolute; 라고 되어 있는데요. 일단 positon부분에서는 i가 빠져서 오타네요. position으로 해야 할것 같구요. 하지만 이렇게 해서 확인하면 span사이의 텍스트가 중앙정렬이 되지 않고 좌측정렬이 되어 버립니다.
postion:relative; 로 수정하거나 아예 이 속성을 지정하지 않아야 정상적으로 span사이의 텍스트가 중앙정렬이 되어 나옵니다.
제공되는 소스에서도 마찬가지 오타가 있고요. 오타가 있어서 속성이 적용이 안되다 보니 span사이의 텍스트가 정상적으로 중앙정렬 되어서 나온겁니다. -
Addr Edit/Del Reply pople
p 350 의 하단부분의 설명에 보면
2012.10.17 09:56
"fisheye"를 설정한 div 태그의 안쪽에 class 속성 "fisheyeContainer"를 설정한~~
와 같이 class속성을 fisheyeContainer로 지정한다고 되어 있지만 p 351~p 353 에 있는 html, css, jquery 소스 모두에서 fisheyeContainter로 지정하고 있습니다.(t가 더 들어가 있습니다.)
한가지로 통일해야 할것 같구요. 가급적이면 fisheyeContainer로 지정하는게 좋을것 같네요. -
-
-
jQuery에 관한 책으로 "간결하고 정교한 입문서"로 표현하고 싶습니다.
사실, jQuery는 웹 디자이너를 위해 나온 느낌입니다. HTML과 CSS를 조작해서 어떤 동적인 움직임을 주려면 과거엔 자바스크립트를 이용해서 상당히 난이도 있는 작업을 하였는데, 지금은 기본적인 명령(jQuery 함수)의 원리와 사용 방법을 알면 웬만한 건 개발자의 손을 빌리지 않고도 디자이너가 처리할 수 있게 된 것 같습니다.
이 책은 전반부는 아주 기본기를 탄탄히 해줄 수 있는 내용을 다루고 후반부에는 책의 절반 이상을 할해하여 13가지 레시피를 구체적으로 다루고 있습니다. 이중 몇가지를 소개합니다.
1. 아코디언 패널 클릭해보세요!
2. 툴팁 클릭해보세요!
3. 동적인 서브 메뉴 만들기 클릭해보세요!
4. 플로우팅 윈도우 표시하기 클릭해보세요!
5. 모달 윈도우 만들기 클릭해보세요!
6. 모달 윈도우에 종료표시를 달아보세요. 클릭해보세요!
7. 온라인 아마존 서점 따라해보기 클릭해보세요.
(5초 간격으로 자동으로 움직입니다)
8. 플로그인을 찾아서 활용해보세요. 클릭해보세요.
Coming Soon!!
'출간예정도서' 카테고리의 다른 글
[출간완료!!] Xcode4로 시작하는 아이폰 프로그래밍(1월) (0) | 2011.12.22 |
---|---|
[출간완료!!] 빅 데이터 시대를 위한 NoSQL 핵심 가이드(12월) (0) | 2011.12.14 |
[출간완료!!] 웹 디자이너를 위한 jQuery (8) | 2011.11.08 |
[출간완료!!] 프로그래밍 콘테스트 챌린징 (6) | 2011.10.04 |
[출간완료!!] 거꾸로 배우는 소프트웨어 개발 (0) | 2011.08.10 |
[출간완료!!] 처음부터 다시 배우는 HTML5 + CSS3: 실전 웹 표준 사이트 제작까지 (0) | 2011.06.20 |
댓글을 달아 주세요
기대가 됩니다. 꼭 보겠습니다.
2012.04.01 23:26디자인은 개인적으로 1번이 더 좋은거 같아요 ^^
손군만세님, 의견 감사합니다.
2012.04.02 00:23 신고실망시켜드리지 않게, 열심히 마무리 작업하겠습니다. ^^
1번이네요^^
2012.04.02 13:11개인적으로는 드루팔이나 제로보드xe를이용한 홈페이지 제작법을 내용에 많이실리면 좋을듯합니다 아예 코딩으로만 제작시 사실상 홈페이지기능을 얼마 못하는 뜬구름집는격이라 cms를이용한 완벽한홈페이지 제작이필요할듯합니다
쿠아님, 의견 감사합니다.
2012.04.02 13:21 신고이 책은 CMS 관련 내용은 거의 없습니다.
웹 디자인에 관한 내용입니다.
나중에는 CMS 쪽으로만 한번 다루어보는 것도 좋을 것 같네요. ^^