|
設(shè)計師可以寫OOCSS嗎？
是的，設(shè)計師出于本能理解對象，比多數(shù)人當(dāng)前書寫CSS的方式要形象 — layers of exceptions (想一下，一個老太太吞了一只蒼蠅)。事實上，他們愛上OOCSS的原因有兩個：
- 這使他們能快速創(chuàng)建復(fù)雜高點擊量的站點。他們不需糾結(jié)于不理解的結(jié)構(gòu)除非有足夠的能力并充足的了解語法
- 學(xué)CSS時，他們不需創(chuàng)建丑陋的 “hello world!” 站點。設(shè)計師在非常在意的是他們的工作看起來很漂亮。如果必需做一些丑陋的東東，即便是學(xué)習(xí)之由，他們很快就會有挫敗感并灰常的郁悶。OO-CSS 使得他們的工作在每個學(xué)習(xí)階段都看起來很漂亮
設(shè)計師是聰明D。我們要給他們信任。他們會講一種不同的，非工程師的語言，但是極客的語言經(jīng)常以一種丑陋的方式來拒絕人。我們能做的更好。
我是個前端架構(gòu)師，如何向團隊傳授OOCSS？
作為架構(gòu)師，你應(yīng)該寫結(jié)構(gòu)對象；圓角如何創(chuàng)建，為角或其他特性放置表象元素，并處理瀏覽器差異。新手為這些模塊寫皮膚（borders, colors, background images, 等等）。
我用OO-CSS方式創(chuàng)建了大批站點（千級的頁面，百萬級的訪問者）。正確的完成后，很好擴展，這意味著新手將處理的個別元件可預(yù)見性很強。代碼審閱很容易，因為有可接受的方法明確的規(guī)則來擴展對象。這種回饋使新開發(fā)者快速生產(chǎn)。
我在FullSIX（一個法國的網(wǎng)絡(luò)營銷機構(gòu)）管理一個前端開發(fā)團隊，是我工作過的最有才能的。某些時候我們的成功意味著我們將會有更多難以把控的工作。雇傭前端專家非常困難（沒有這種學(xué)校�。�，所以我開始 對一些對寫代碼有興趣的設(shè)計師（很少或沒有經(jīng)驗）推行一個內(nèi)部實習(xí)項目 ，一個月就可以作為團隊的初級成員工作。
- 第一周：學(xué)習(xí)語義并根據(jù)現(xiàn)有的CSS創(chuàng)建HTML。學(xué)習(xí)創(chuàng)建網(wǎng)頁：不需要更多的CSS，HTML語法，多個class，驗證，語義，介紹代碼審閱等
- 第二周：創(chuàng)建簡單的內(nèi)容對象（標(biāo)題，列表等），持續(xù)一周。學(xué)習(xí)CSS語法，怎么擴展對象，顏色，字體百分比，等等
- 第三周：創(chuàng)建區(qū)塊的皮膚。邊框，顏色，背景圖片，基本的布局，sprites。讓他們同一個回答過n個問題的資深開發(fā)者一起工作，使他們少走彎路，他也應(yīng)是很好的代碼審閱者。
- 第四周：他們已經(jīng)是團隊的皮膚制作成員了。
他們的代碼在一個客戶的網(wǎng)站上，同資深開發(fā)者寫的一樣好，或許更好因為他們還未學(xué)到一些壞習(xí)慣:)
入門：如何使用這些文件？
3個文件，libraries.css (reset 及 fonts 取自 yui), grids.css 及 template.css 已完成，其它的還非常不穩(wěn)定。
- 打開template.html并存為新文件
- 通過擴展相應(yīng)的對象來改寫列的數(shù)量及寬度。站點中只需一個模板，即使你有不同列的頁面，因為列也是對象。可以把它們當(dāng)作任意的區(qū)域，可能會有0 ~ n 個左列。查閱模板文檔可了解更多
- 用柵格來分割內(nèi)容區(qū)域為小的區(qū)塊。查閱柵格文檔了解更多
- 添加內(nèi)容。提示：這也應(yīng)OO
如何部署在站點上？
注意CSS文件在不斷改進中，我會依據(jù)接到的反饋進行改變。
我把CSS文件分為了模塊，比如柵格和模板。在使用時移除不必要的注釋并減少HTTP請求，否則站點會超級慢。這意味著要合并CSS文件為一個稍大的文件。我通過嵌套的注釋來組織CSS。最后，作為上線/部署的一部分，用CSS壓縮器來移除注釋.
出處：99css
責(zé)任編輯：bluehearts
上一頁 面向?qū)ο驝SS FAQ [1] 下一頁 面向?qū)ο驝SS FAQ [3]
◎進入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 2 頁 面向?qū)ο驝SS FAQ [2]
