jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化's Archiver

wmh 發表於 2007-7-29 23:19

好書推薦 Web Standards Creativity

完整書名:[url=http://www.books.com.tw/exep/assp.php/wmh/exep/prod/booksfile.php?item=F010976586]Web Standards Creativity: Innovations in Web Design with XHTML, CSS, and DOM Scripting[/url]

這本書會引起我注意的原因是 Creativity (創造力) 和 DOM Scripting 兩個字眼,通常一本書從 XHTML/HTML、CSS 講到 JavaScript 的話,內容可能很廣,而且會講得比較淺一點,或是根本就是一本參考字典。但是這本書看起來不太一樣,如果真的如同書名提到的 Creativity 和 Innovations 的話,應該會有比較有趣的一些東西。

翻開內容發現書的編排真是非常不錯,有豐富的色彩和圖片,提供非常棒的視覺效果,但是卻不會影響到內文的閱讀,看來真的是很專業的設計,一般技術書籍比較少有這樣豐富的版面安排。

[url=http://www.books.com.tw/exep/assp.php/wmh/exep/prod/booksfile.php?item=F010976586][img]http://lh6.google.com/hunter.wu/RqwjDJ_xaTI/AAAAAAAAAhk/trzr1iVPKPA/s400/Book.WebStandardsCreativity.Cover.jpg[/img] [img]http://lh6.google.com/hunter.wu/RqwjDJ_xaUI/AAAAAAAAAhs/ntgJDRIV-Cg/s400/Book.WebStandardsCreativity.Inside.jpg[/img][/url]

這本書並不是一個作者獨立完成的,而是在 Web Standards 領域有所研究的多個作者共同完成,所以內容包含了 XHTML、CSS、JavaScript 等多種相關主題,每一章都是一個單一主題的實例解說,比較適合有基礎的讀者。以下是本書的主要章節目錄:[quote][b][color=DarkRed]PART 1: LAYOUT MAGIC[/color]
Chapter 1: Semantic Structure, Dirty Pretty Presentation
Chapter 2: Taming a Wild CMS with CSS, Flash, and JavaScript
Chapter 3: New York Magazine: My, What a Classy <body>
Chapter 4: Designing for Outside the Box
Chapter 5: Creative Use of PNG Transparency in Web Design
[color=DarkRed]PART 2: EFFECTIVE PRINT TECHNIQUES APPLIED TO CSS DESIGN[/color]
Chapter 6: Grid Design for the Web
Chapter 7: Bridging the Type Divide: Classic Typography with CSS
[color=DarkRed]PART 3: DOM SCRIPTING GEMS[/color]
Chapter 8: Print Magic: Using the DOM and CSS to Save the Planet
Chapter 9: Creating Dynamic Interfaces Using JavaScript
Chapter 10: Accessible Sliding Navigation[/b][/quote]

以 JavaScript 為主的是第 8、9、10 三個章節,第 8 章實做了一個列印的範例,在一個很多段落的資料頁面中,可以讓 user 選擇只列印段落或全頁,而且作者堅持要做到「使用 [url=http://en.wikipedia.org/wiki/Unobtrusive_JavaScript]unobtrusive[/url]」、「符合 [url=http://en.wikipedia.org/wiki/Progressive_Enhancement]progressive enhancement[/url]」、「JavaScript 都在一個共用的檔案內」、「美觀」、「標準」、「直覺」,有製作列印需求的人不妨參考一下。

第 9 章的範例是為了符合多樣訪客的需求而製作動態的使用者介面,這邊提到的動態有包含兩種情境,第一種是依照不同的瀏覽解析度自動調整的版面,這邊用到許多 CSS 的技巧,對於版面安排的品質非常挑剔的人絕對值得一看。另一種是讓使用者自行安排自己的版面,如同 iGoogle 一樣的入口網站,現在有越來越多的個人化首頁都有提供這樣的功能,雖然類似的功能不難找到現成的函式庫可用,但是這裡作者非常詳細的講解製作方式及觀念,仔細看完應該會發現又學到了一些新技巧。

第 10 章介紹的主題是 Web Accessibility,與大部份新潮網站訴求非常不同的是,這邊強調的是標準、可接近性、易使用性的網頁,不論 user 要用看的還是聽的、解析度是高的還是低的、要用滑鼠還是用鍵盤,都要可以讓 user 讀取到網站內容,而且也不減網站的美觀及設計感。說到這一塊我就汗顏了,因為我設計的網頁向來只注重給 IE 的 user,一方面是覺得大部分的 user 都用 IE,一方面也是懶得去測試其他瀏覽器,不過這樣的方式越來越受到現實的挑戰,因此這一章真的值得我仔細去閱讀一番。

wmh 發表於 2007-12-10 00:44

預告一下,這本書似乎會有簡體中文版的翻譯書,或是簡體封面的英文書,或是簡體譯注版...

[url]http://book.csdn.net/subject/0710tl/[/url]

凱森 發表於 2009-4-22 05:16

OH這本書我電腦裡面有(奇怪?電腦裡面怎麼會有?)

wmh 發表於 2009-4-22 09:26

因為是電子書... :)

頁: [1]

Powered by Discuz! Archiver  © 2001-2009 Comsenz Inc.