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

上圖是用純 CSS 實現的社會媒體網絡標志,很神奇不是?
就像上面的完全基于 CSS 的社會網絡標志,無非是一堆各式各樣的線條的組合,固然令人印象深刻,也算有創意,但并不實用,因為創作這樣一個標志可能需要幾個小時的艱辛勞動,在 Photoshop 中畫一個同樣的圖根本不費任何力氣,而且效果更好(更細膩)。
我最近讀了 Faruk Ate? 的文章,Pure CSS Icons: Make The Madness Stop,文中對這一做法提出了質疑,作者表示,一些人開始嘗試將 CSS 當作設計工具并迅速引發大量效仿,然而,這種做法有多少易用性可言?它并不容易集成到你的設計與開發當中,也不容易調整。
Ate? 認為,這種方式生成的圖標的可維護性也很成問題,調整一個圖標原本只需要調整像素,現在卻需要修改 CSS 定義,同時,上述 CSS 標志的設計者 Nicolas Gallagher 也表示,做這類事情,CSS 并非最適合。
降低 HTTP 請求?
上面這幅圖中的圖標全部用 CSS 生成,而且作者將它們拿出來賣,40個圖標賣25美金。不得不承認,這些圖標設計得非常漂亮,作者設計這些 CSS 的初衷是為那些使用的網站降低 HTTP 請求數,因為這些圖標不需要額外的圖片文件請求。然而,一個小小的圖標文件帶來的 HTTP 請求真的很值得一提嗎,何況,使用 CSS Sprite 技術,這些圖標完全可以放在同一個圖片中,靠 CSS 定位顯示,這樣,只需要一個 HTTP 請求就夠了。而且,我實在懷疑,這些 CSS 版的圖標到底能減少多少帶寬。
本著語義化的精神
必須承認,我有時候會為了實現某種視覺上的需要,而額外使用 DIV 或 SPAN 等標簽,這很不語義。然而 CSS 繪圖是更不語義的事,CSS 的真實使命是對網頁中的內容進行修飾,而不是創建內容本身。網頁中的圖形本身屬于內容的范疇,不應該由 CSS 創建。
本文發布于北京網站制作公司尚品中國http://www.londe303.com/
推薦新聞
更多行業-
非商業網站的價值估算核心到底是什么?
因為最近有一個朋友的非商業網站要賣,也有買家在談,但在價格上一直談不下...
2017-11-30 -
鏈輪SEO優化對網站建設的好處
在提到SEO鏈輪建立的時分,普通都是指外部鏈接的鏈輪建立.收集營銷 外...
2012-07-27 -
專業網站建設的品牌定位
專業網站建設尚品中國解析:網站運營經驗人員應該都很清楚,網站運營關鍵在...
2015-05-04 -
如何讓網站打開速度更快?
有些網站打開速度偏慢,用戶等不到瀏覽就已經關掉了。這嚴重影響了網站的效...
2018-08-27 -
公司網站建設注重哪些方面?
在互聯網時代,公司網站建設已成為企業展示形象和開展電子商務的重要手段,...
2023-05-15 -
尚品中國為您提供完善的網站解決方案及運營技術保障
通過以上技術及運營策略,尚品中國為您提供最完善的網站解決方案及運營技術...
2018-02-05
預約專業咨詢顧問溝通!
免責聲明
非常感謝您訪問我們的網站。在您使用本網站之前,請您仔細閱讀本聲明的所有條款。
1、本站部分內容來源自網絡,涉及到的部分文章和圖片版權屬于原作者,本站轉載僅供大家學習和交流,切勿用于任何商業活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關法律法規,當本聲明與國家法律法規沖突時,以國家法律法規為準。
4、如果侵害了您的合法權益,請您及時與我們,我們會在第一時間刪除相關內容!
聯系方式:010-60259772
電子郵件:394588593@qq.com