CSS3新網頁技術的時代
那些有關 CSS 的前衛(wèi)實驗
每個實驗都是用了不同的方法,其中一些,如 CSS 線圖,在現實中可以找到實際的應用,其它的,如 CSS 實現的 Twitter Fail Whale 圖畫,則純屬實驗,這些實驗的目的僅僅為了說明 CSS 能夠實現的效果,并不意味著應當這樣來做。
讓我們實際一點

上圖是用純 CSS 實現的社會媒體網絡標志,很神奇不是?
就像上面的完全基于 CSS 的社會網絡標志,無非是一堆各式各樣的線條的組合,固然令人印象深刻,也算有創(chuàng)意,但并不實用,因為創(chuàng)作這樣一個標志可能需要幾個小時的艱辛勞動,在 Photoshop 中畫一個同樣的圖根本不費任何力氣,而且效果更好(更細膩)。
我最近讀了 Faruk Ate? 的文章,Pure CSS Icons: Make The Madness Stop,文中對這一做法提出了質疑,作者表示,一些人開始嘗試將 CSS 當作設計工具并迅速引發(fā)大量效仿,然而,這種做法有多少易用性可言?它并不容易集成到你的設計與開發(fā)當中,也不容易調整。
Ate? 認為,這種方式生成的圖標的可維護性也很成問題,調整一個圖標原本只需要調整像素,現在卻需要修改 CSS 定義,同時,上述 CSS 標志的設計者 Nicolas Gallagher 也表示,做這類事情,CSS 并非最適合。
降低 HTTP 請求?
上面這幅圖中的圖標全部用 CSS 生成,而且作者將它們拿出來賣,40個圖標賣25美金。不得不承認,這些圖標設計得非常漂亮,作者設計這些 CSS 的初衷是為那些使用的網站降低 HTTP 請求數,因為這些圖標不需要額外的圖片文件請求。然而,一個小小的圖標文件帶來的 HTTP 請求真的很值得一提嗎,何況,使用 CSS Sprite 技術,這些圖標完全可以放在同一個圖片中,靠 CSS 定位顯示,這樣,只需要一個 HTTP 請求就夠了。而且,我實在懷疑,這些 CSS 版的圖標到底能減少多少帶寬。
本著語義化的精神
必須承認,我有時候會為了實現某種視覺上的需要,而額外使用 DIV 或 SPAN 等標簽,這很不語義。然而 CSS 繪圖是更不語義的事,CSS 的真實使命是對網頁中的內容進行修飾,而不是創(chuàng)建內容本身。網頁中的圖形本身屬于內容的范疇,不應該由 CSS 創(chuàng)建。
本文發(fā)布于北京網站制作公司尚品中國http://m.yangsheng234.com/
推薦新聞
更多行業(yè)-
怎樣在網站中加入百度地圖
昨天給某企業(yè)做北京網站建設(m.yangsheng234.com),對方要...
2012-05-12 -
對企業(yè)網站建設提出一些建議
有用的企業(yè)網站,前期策劃,設計風格,制造過程中的相應要求。很多企業(yè)網站...
2021-01-25 -
校園網站的作用及意義
隨著信息技術的高速發(fā)展,21世紀是數字信息時代,互聯網正以前所未有...
2015-01-13 -
蘇州網站建設如何設計網站吸引用戶?
網站建設,事實上在為企業(yè)建設網站時,網站建設往往只考慮效果而忘記實際效...
2021-12-20 -
外部網
外部網(Extranct)概念最早出現于1996年秋,它把企業(yè)及其供應...
2014-11-18 -
醫(yī)院網站設計如何看起來更加專業(yè)?
醫(yī)院網站設計直接代表著醫(yī)院的形象,因此很多醫(yī)院在建設網站時,對于網站的...
2022-09-19
預約專業(yè)咨詢顧問溝通!
免責聲明
非常感謝您訪問我們的網站。在您使用本網站之前,請您仔細閱讀本聲明的所有條款。
1、本站部分內容來源自網絡,涉及到的部分文章和圖片版權屬于原作者,本站轉載僅供大家學習和交流,切勿用于任何商業(yè)活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關法律法規(guī),當本聲明與國家法律法規(guī)沖突時,以國家法律法規(guī)為準。
4、如果侵害了您的合法權益,請您及時與我們,我們會在第一時間刪除相關內容!
聯系方式:010-60259772
電子郵件:394588593@qq.com