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

上圖是用純 CSS 實現(xiàn)的社會媒體網(wǎng)絡(luò)標志,很神奇不是?
就像上面的完全基于 CSS 的社會網(wǎng)絡(luò)標志,無非是一堆各式各樣的線條的組合,固然令人印象深刻,也算有創(chuàng)意,但并不實用,因為創(chuàng)作這樣一個標志可能需要幾個小時的艱辛勞動,在 Photoshop 中畫一個同樣的圖根本不費任何力氣,而且效果更好(更細膩)。
我最近讀了 Faruk Ate? 的文章,Pure CSS Icons: Make The Madness Stop,文中對這一做法提出了質(zhì)疑,作者表示,一些人開始嘗試將 CSS 當(dāng)作設(shè)計工具并迅速引發(fā)大量效仿,然而,這種做法有多少易用性可言?它并不容易集成到你的設(shè)計與開發(fā)當(dāng)中,也不容易調(diào)整。
Ate? 認為,這種方式生成的圖標的可維護性也很成問題,調(diào)整一個圖標原本只需要調(diào)整像素,現(xiàn)在卻需要修改 CSS 定義,同時,上述 CSS 標志的設(shè)計者 Nicolas Gallagher 也表示,做這類事情,CSS 并非最適合。
降低 HTTP 請求?
上面這幅圖中的圖標全部用 CSS 生成,而且作者將它們拿出來賣,40個圖標賣25美金。不得不承認,這些圖標設(shè)計得非常漂亮,作者設(shè)計這些 CSS 的初衷是為那些使用的網(wǎng)站降低 HTTP 請求數(shù),因為這些圖標不需要額外的圖片文件請求。然而,一個小小的圖標文件帶來的 HTTP 請求真的很值得一提嗎,何況,使用 CSS Sprite 技術(shù),這些圖標完全可以放在同一個圖片中,靠 CSS 定位顯示,這樣,只需要一個 HTTP 請求就夠了。而且,我實在懷疑,這些 CSS 版的圖標到底能減少多少帶寬。
本著語義化的精神
必須承認,我有時候會為了實現(xiàn)某種視覺上的需要,而額外使用 DIV 或 SPAN 等標簽,這很不語義。然而 CSS 繪圖是更不語義的事,CSS 的真實使命是對網(wǎng)頁中的內(nèi)容進行修飾,而不是創(chuàng)建內(nèi)容本身。網(wǎng)頁中的圖形本身屬于內(nèi)容的范疇,不應(yīng)該由 CSS 創(chuàng)建。
本文發(fā)布于北京網(wǎng)站制作公司尚品中國http://m.s1nno.cn/
建站流程
-
網(wǎng)站需求
-
網(wǎng)站策劃方案
-
頁面設(shè)計風(fēng)格
-
確認交付使用
-
資料錄入優(yōu)化
-
程序設(shè)計開發(fā)
-
后續(xù)跟蹤服務(wù)
-
聯(lián)系電話
010-60259772
熱門標簽
- 網(wǎng)站建設(shè)
- 食品網(wǎng)站建設(shè)
- 微信小程序開發(fā)
- 小程序開發(fā)
- 無錫網(wǎng)站建設(shè)
- 研究所網(wǎng)站建設(shè)
- 沈陽網(wǎng)站建設(shè)
- 廊坊網(wǎng)站建設(shè)
- 鄭州網(wǎng)站建設(shè)
- 婚紗攝影網(wǎng)站建設(shè)
- 手機端網(wǎng)站建設(shè)
- 高校網(wǎng)站制作
- 天津網(wǎng)站建設(shè)
- 教育網(wǎng)站建設(shè)
- 品牌網(wǎng)站建設(shè)
- 政府網(wǎng)站建設(shè)
- 北京網(wǎng)站建設(shè)
- 網(wǎng)站設(shè)計
- 網(wǎng)站制作
最新文章
推薦新聞
更多行業(yè)-
企業(yè)網(wǎng)站建設(shè)完美設(shè)計及前端創(chuàng)意
企業(yè)網(wǎng)站建設(shè)很簡單。事實上,一個優(yōu)秀的企業(yè)網(wǎng)站并不簡單。我們經(jīng)常說公司...
2020-08-20 -
運輸網(wǎng)絡(luò)的概念
運翰網(wǎng)絡(luò)的概念在國內(nèi)外的相關(guān)學(xué)術(shù)論著中還沒有提及,這里從不同的側(cè)面來對...
2014-06-23 -
企業(yè)建站的過程有哪些注意事項?
現(xiàn)在有不少企業(yè)都比較關(guān)注網(wǎng)站的使用,這是因為在網(wǎng)站中,可以投放各種產(chǎn)品...
2023-02-21 -
三四線城市或成團購業(yè)市場增長新空間
團購網(wǎng)站因為具有建設(shè)門檻低、能直接帶來現(xiàn)金流、更依賴線下資源等特點,由...
2012-02-03 -
醫(yī)療器械網(wǎng)站建設(shè)的注意事項包含了什么?
如今網(wǎng)站的使用頻率越來越高,也是會給很多行業(yè),提供不少方面的影響,而且...
2022-12-05 -
網(wǎng)絡(luò)廣告特征
在互聯(lián)網(wǎng)之前,主要的媒介形式是報刊、廣播、電視三大媒體,這些媒體只能單...
2012-09-06
預(yù)約專業(yè)咨詢顧問溝通!
免責(zé)聲明
非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前,請您仔細閱讀本聲明的所有條款。
1、本站部分內(nèi)容來源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動。
2、本站不承擔(dān)用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關(guān)法律法規(guī),當(dāng)本聲明與國家法律法規(guī)沖突時,以國家法律法規(guī)為準。
4、如果侵害了您的合法權(quán)益,請您及時與我們,我們會在第一時間刪除相關(guān)內(nèi)容!
聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com