摘要：作為女性，你又來自互聯(lián)網(wǎng)技術(shù)不太發(fā)達(dá)的希臘。希臘目前可能還存在一些針對女性的性別歧視，但并不明顯，不然我可能會被影響到。實(shí)際上，有時候希臘在性別平等方面比其他西方國家更進(jìn)步。

本文僅用于學(xué)習(xí)和交流，不用于商業(yè)目的。非商業(yè)轉(zhuǎn)載請注明作譯者、出處，并保留本文的原始鏈接：http://www.ituring.com.cn/art...

Lea Verou
W3C CSS工作組特邀專家，設(shè)計CSS語言的委員之一，此前曾在W3C擔(dān)任開發(fā)者代言人。目前，她在麻省理工學(xué)院從事人機(jī)交互領(lǐng)域的研究。她還是一位博客作家，并經(jīng)常在國際性的技術(shù)會議上擔(dān)任講師；她創(chuàng)建的多個開源項(xiàng)目廣受開發(fā)者歡迎。

                             **-圖說-**

來自CSS一姐的個人網(wǎng)站（http://lea.verou.me），也多用于各種公眾場合，例如本書的作者介紹部分。

                            **-圖說-**
                        Lea的運(yùn)動照，愛游泳。
     

          **-圖說-**
 Lea自己設(shè)計的圖標(biāo)，常見各種公眾場合，包括本書的封面。

《CSS揭秘》是CSS一姐Lea Verou的最新作品，堪稱“近年來最重要的CSS技術(shù)書，挖掘了很多有用的CSS技術(shù)點(diǎn)！ ”

從實(shí)踐需要出發(fā)，Lea為我們揭示了47個鮮為人知的CSS技巧，主要內(nèi)容包括背景與邊框、形狀、視覺效果、字體排印、用戶體驗(yàn)、結(jié)構(gòu)與布局、過渡與動畫等。本書將帶領(lǐng)讀者循序漸進(jìn)地探尋更優(yōu)雅的解決方案，攻克每天都會遇到的各種網(wǎng)頁樣式難題。

本書的讀者對象為前端工程師、網(wǎng)頁開發(fā)人員。

作品選讀：本書贊譽(yù)

非常榮幸能夠邀請到暢銷書《CSS 揭秘》的作者Lea Verou，進(jìn)行一期圖靈專訪。請問Lea寫這本書的初衷是什么？讀者應(yīng)該怎樣閱讀本書？

市面上有很多CSS的書，有全面講解CSS各方面知識的，也有專注介紹某一方面的。但是，沒有一本書教會讀者怎樣運(yùn)用CSS創(chuàng)造性地思考、解決問題，也沒有一本書可以跳過最開始的簡介部分。

概括來講，這似乎是學(xué)習(xí)新知識時的一個普遍問題：大多數(shù)圖書只會提供陳腐、老掉牙的解決方案，卻不會嘗試向讀者介紹如何獲得自己的解決方法。說到CSS方面的書，作者們總是想當(dāng)然地認(rèn)為讀者都是些“技術(shù)小白”，也就想當(dāng)然地架構(gòu)起內(nèi)容。《CSS 揭秘》這本書呢，尊重語言和讀者，沒有簡化內(nèi)容。CSS高級開發(fā)人員以及真正理解CSS是如何工作卻想進(jìn)一步提高知識的人，會從本書中獲益最多。

《CSS揭秘》封面的右下角有一個類似海盜標(biāo)志的Logo，而這個標(biāo)志同樣也出現(xiàn)在你的個人網(wǎng)站上。這個標(biāo)志的背后含義是什么？對我自己而言，你好像挺欣賞海盜元素的，透過批判性思維能從“丑陋”當(dāng)中發(fā)現(xiàn)“美善”？

這是我個人的Logo，已經(jīng)用了好多年了。它本身并沒有什么特殊的含義，不用太認(rèn)真對待。括號（{ }）表示代碼，作為語法元素經(jīng)常出現(xiàn)在CSS和JavaScript里。兩把交叉刀代表海盜、編碼界的海盜。在西方文化當(dāng)中，海盜并不一定表示壞的意思，他們也可以表示某方面的“大牛”。這也是我想要傳達(dá)的意思。

我們一般認(rèn)為，男權(quán)社會中男性的地位要高于女性。作為女性，你又來自互聯(lián)網(wǎng)技術(shù)不太發(fā)達(dá)的希臘。是什么原因讓你成為一位世界范圍內(nèi)廣泛知曉的開發(fā)人員？一個人的出身是否可以決定她/他的成就？

值得慶幸的是，網(wǎng)絡(luò)的普及，讓出身和人們所能達(dá)到的高度之間不存在必然聯(lián)系。我見過有的人把自己封閉在某個網(wǎng)絡(luò)的小角落里，只跟自己國家的人交流、工作，但這是他們的選擇。只要把英語說好，沒有人能限制他們成就的廣度和深度。我希望任何想在國際舞臺上做出一些事情的人要專注于提高自己的英語水平，而不僅僅是他們的HTML、CSS和JavaScript。不管你的技術(shù)知識有多好，如果不能很好地表達(dá)自己，沒有人會知道。

講一個我自己的有趣故事，開始創(chuàng)建個人博客lea.verou.me之前，我曾用希臘語創(chuàng)建過一個博客，很遺憾完全地、徹底地失敗了。在希臘，很少有人會對前沿的css技術(shù)感興趣，這也就可以解釋為什么希臘的開發(fā)人員掙得那么少，還常常被他們的客戶刁難。我很慶幸自己沒有放棄，開始創(chuàng)建用英語編寫的國際博客，不然我的生活肯定是另一番樣態(tài)。

希臘目前可能還存在一些針對女性的性別歧視，但并不明顯，不然我可能會被影響到。實(shí)際上，有時候希臘在性別平等方面比其他西方國家更進(jìn)步。我最近在個人博客上寫了一篇博文（http://lea.verou.me/2015/12/m... ），文章里講到在我的職業(yè)生涯里，我個人還沒有真正經(jīng)歷過任何的性別歧視。所以，我喜歡做這一行：）

除了寫書分享知識以外，你還分享了好多的開源項(xiàng)目。但是，據(jù)我所知，有些人是不愿意分享代碼示例的。他們認(rèn)可展示出來設(shè)計良好的作品，卻不愿意分享設(shè)計藍(lán)圖。你怎么看待？

代碼共享是一種回饋社會的行為。無論從事什么行業(yè)，我們都離不開開源項(xiàng)目的幫助。想象一下，如果每個人的邏輯都一模一樣，我們的專業(yè)會千篇一律。使用了別人分享的成果卻不愿意分享自己的代碼，在我看來，有點(diǎn)“小自私”。的確，其他行業(yè)的文化可能有所不同，從業(yè)人員不愿意分享工作。

我很喜歡技術(shù)行業(yè)的開放分享文化，欣賞開發(fā)人員之間分享知識、互相幫助的活動。他們熱衷于分享代碼或者回答Stack Overflow技術(shù)問答網(wǎng)站上的問題。換做是我，我一樣會這么做。另外，當(dāng)我的工作可以幫助到別人、被他人使用時，我非常高興。這就是為什么我選擇這個領(lǐng)域的原因。

開源代碼也意味著其他人可以參與進(jìn)來，為項(xiàng)目做貢獻(xiàn)，最終項(xiàng)目的質(zhì)量也更高。比如說，我發(fā)布Bliss的時候，還沒有測試，現(xiàn)在它有一整套testsuite幫助調(diào)試bug。還有許多項(xiàng)目，比如PrismJS是由社區(qū)共同維護(hù)的。我自己沒有時間維護(hù)它們，如果不是開源，項(xiàng)目只會爛尾。

演講時，現(xiàn)場展示代碼編寫過程應(yīng)該算是開源的最高形式。難道你沒有想過代碼漏洞或者拖延會影響公共演講嗎？通常你怎么為會議演講做準(zhǔn)備？

現(xiàn)場展示代碼編寫之前，我會一遍一遍地演示代碼，這一點(diǎn)非常重要。代碼要盡可能短，盡量減少犯錯的機(jī)會，而且一般情況下，觀眾也無法消化一張幻燈片上好多行的代碼量。我見過有人曾用100行的代碼啟動IDE ，在開始演示代碼編寫之前，很多觀眾早已失去了興趣。

盡管你竭盡可能避免犯錯，現(xiàn)場展示代碼編寫總避免不了失誤的發(fā)生。出發(fā)前，我還在飛機(jī)上調(diào)試漏洞，除非能立即修復(fù)，不然我只能暫且放下問題。沒有人希望在現(xiàn)場展示時跟代碼漏洞較勁。我個人經(jīng)歷中，只要演講者能很快調(diào)試好代碼，聽眾大都很理解。

下面我們來聊聊CSS。和CSS相比，JavaScript的新增特性從生成到廣泛應(yīng)用歷時幾天，而CSS的新增特性要經(jīng)歷長達(dá)幾年的周期。所以，有人建議多增加一些CSS polyfill。你怎么看待這個問題？

這樣做肯定會縮短新特性的周期。按照這種思路，PostCSS 運(yùn)用CSSNext大大縮短了CSS新增特征的周期，但并不是所有的新特性都可以提前處理。對于更多的動態(tài)特性，比如自定義屬性的新unit，目前polyfill就無法進(jìn)行填充或轉(zhuǎn)譯，但大多數(shù)的JS API卻可以很容易地被轉(zhuǎn)譯。Houdini API能夠很好地解決這個難題，讓我們像編寫JS polyfill 一樣輕松編寫CSS polyfills。

Houdini 是W3C的一個新增工作組，他們的最終目標(biāo)是讓瀏覽器支持CSS特性。如果真能成功的話，這無疑是CSS發(fā)展史上最令人興奮的時刻。你認(rèn)為Houdini 的目標(biāo)可行嗎？

Houdini肯定會讓CSS polyfill成為可能，這的確令人興奮，我也很期待。不過我擔(dān)心開發(fā)人員把Houdini 當(dāng)作拐杖，不讓瀏覽器實(shí)現(xiàn)某些功能。他們認(rèn)為開發(fā)人員通過Houdini API總能編寫出應(yīng)對問題的庫。我不希望CSS因?yàn)镠oudini 的工作就停止進(jìn)一步發(fā)展，我也不愿意看到CSS成為一個依賴大量庫解決基本問題的“地獄”。

運(yùn)用JavaScript代碼編寫HTML解決了很多問題，所以一些React.JS開發(fā)人員嘗試把CSS和JavaScript兩種語言結(jié)合起來，解決CSS存在的問題。你怎么看待JavaScript代碼編寫CSS的現(xiàn)象。

我認(rèn)為，這主要是那些并不真正了解CSS，只想用JS代碼解決一切問題的JavaScript開發(fā)人員的想法。“如果你只有一把錘子，看什么都是釘子。”這樣做，只能讓他們喪失掉大部分的潛在合作伙伴：有一半的HTML 和CSS 開發(fā)人員對JS不感冒。

不過，CSS工作組的成員也認(rèn)識到CSS在范疇和封裝方面的問題，正在積極討論解決方案。

CSS已經(jīng)從網(wǎng)頁設(shè)計延伸到了出版行業(yè)，例如O’Reilly 已經(jīng)開始嘗試把CSS運(yùn)用到出版流程。你認(rèn)為CSS能勝任出版行業(yè)的要求么？基于出版行業(yè)的要求，W3C之后會對CSS做出相應(yīng)的規(guī)范么？

CSS從一開始就是要設(shè)計成一門文檔樣式語言的，把CSS運(yùn)用到出版行業(yè)也是必然的。實(shí)際上，CSS 之父 Bert Bos和Hakon Wium Lie，在11年前也就是2005年的時候，就運(yùn)用CSS排版了《CSS：網(wǎng)頁設(shè)計》這本書（http://alistapart.com/article...）

當(dāng)然， CSS要想和現(xiàn)有工具InDesign一樣靈活，還需要很多工作要準(zhǔn)備。在過去的幾年里，我們已經(jīng)取得了很大的進(jìn)步。不過，網(wǎng)頁比出版社的資源廣，所以他們的聲音更容易被CSS工作組了解到。出版行業(yè)是一個嚴(yán)肅的行業(yè)，我們會認(rèn)真考慮添加的每一個新功能。

更多精彩，加入圖靈訪談微信！