-
js、css、html判斷瀏覽器的各種版本
利用正則表達(dá)式來判斷ie瀏覽器版本 判斷是否IE瀏覽器 if (document.all) { alert("這個是ie瀏覽器");} 判斷是否IE6瀏覽器 方法一:if ( /MSIE 6.0/ig.test(navigator.appVersion) ) {alert("這個...
作者:asdasdasd11-19 -
Web 前端性能優(yōu)化
Web 前端優(yōu)化最佳實踐之 內(nèi)容篇Web 前端優(yōu)化最佳實踐之 Server 篇Web 前端優(yōu)化最佳實踐之 Cookie 篇Web 前端優(yōu)化最佳實踐之 CSS 篇Web 前端優(yōu)化最佳實踐之 JavaScript 篇Web 前端優(yōu)化最佳實踐之...
作者:asdasdasd11-19 -
通常CSS錯誤及解決辦法技巧
復(fù)制代碼代碼如下: 區(qū)別IE6與FF: background:orange;*background:blue; 區(qū)別IE6與IE7: background:green !important;background:blue; 區(qū)別IE7與FF: background:orange; *background:gr...
作者:asdasdasd11-19 -
我們能從Google的全新UI中學(xué)到的知識(圖文)
2011年網(wǎng)站變化最顯著的就是Google,其一系列產(chǎn)品啟用了全新的用戶界面。這篇文章將探索決定Google用戶界面設(shè)計背后的思維過程,或許我們能從中學(xué)到值得借鑒的方法和設(shè)計原則! 」雀栌脩艚缑...
作者:asdasdasd11-19 -
IE下utf8編碼頁面無端端空出一行及utf8頁面無法顯示的解決方法
原因是全部采用utf8編碼,包含文件的時候,最后的二進(jìn)制流中包含了多次UTF8 BOM標(biāo)記,IE不能正常解析包含多個UTF8 BOM 標(biāo)記的頁面,直接替換成實際顯示的回車,這樣導(dǎo)致一個空行,而firefox卻沒...
作者:asdasdasd11-19 -
空路徑對頁面性能影響的解決方案
前幾天在 Google Reader 中看到玉伯博客的分享——空路徑對頁面性能的影響。確實,在寫 CSS 的時候,用 background:url(#) 還是會對頁面進(jìn)行多一次請求的。
作者:asdasdasd11-19
不過,因為寫多 CSS,一般... -
編寫HTML和CSS的6種最有效的方法
本文分享了6中最有效的方法,希望能提供你的效率,為你節(jié)約時間。
作者:asdasdasd11-19
1. Dynamic CSS(動態(tài) CSS)
如果你想加速你的CSS代碼編寫,那么你需要學(xué)習(xí)并掌握動態(tài)CSS。大部分的動態(tài)CSS增加了nested rile... -
談?wù)劸W(wǎng)頁設(shè)計中的Less和More(圖)
Less is More是很多設(shè)計師的口頭禪,它最早是由建筑大師Ludwig Mies van der Rohe提出,是一種提倡簡單,反對過度裝飾的設(shè)計理念。在此基礎(chǔ)上,不斷的有設(shè)計師對這個思想加以改進(jìn)和新的解讀...
作者:asdasdasd11-19 -
RGB配色表小集
RGB配色表
作者:asdasdasd11-19
... -
給web設(shè)計的新手們建議一些有用的學(xué)習(xí)資料
也有很多人問我學(xué)習(xí)時就看哪些書,下面我想想新手推薦一些書(也是我學(xué)習(xí)時看過的,撿有用的給大家推薦一下),這些都是我開始學(xué)習(xí)時看的!其實很多內(nèi)容都差不多,就看你是否選對對自己有用的了!...
作者:asdasdasd11-19 -
25條div+css編程提醒及小技巧整理
1、ul標(biāo)簽在Mozilla中默認(rèn)是有padding值的,而在IE中只有margin有值。
作者:asdasdasd11-19
2、同一個的class選擇符可以在一個文檔中重復(fù)出現(xiàn),而id選擇符卻只能出現(xiàn)一次;對一個標(biāo)簽同時使用class和id進(jìn)行CSS定義,... -
兩款網(wǎng)站頁面翻譯插件分享
TranslateThis網(wǎng)址:http://translateth.is
作者:asdasdasd11-19
Google翻譯網(wǎng)址:http://translate.google.cn/translate_tools?hl=zh-CN&sl=zh-CN
Translate 復(fù)制代碼代碼如下: <div id="google_translate_elemen... -
關(guān)于音樂播放App(應(yīng)用軟件)的分析與重設(shè)計 如何設(shè)計出漂亮的音樂播放界面
一直對無線交互很感興趣,這次就來練練手~ 本次分析評測基于iOS平臺,選取了兩款有代表性的音樂播放器,QQ音樂和豆瓣FM。由于這兩款產(chǎn)品在web端就有著龐大的用戶基礎(chǔ),有一定的用戶粘性,...
作者:asdasdasd11-19 -
css樣式div或li在ie6下背景平鋪及border邊框斷線解決技巧
css樣式div或li在ie6下背景平鋪或邊框斷線解決辦法 給父級樣式一個高度 比如 height:100%; 或 height:1%;
作者:asdasdasd11-19
... -
關(guān)于div+css及Web標(biāo)準(zhǔn)網(wǎng)頁的好處
div元素是用來為html文檔內(nèi)大塊(block-level)的內(nèi)容提供結(jié)構(gòu)和背景的元素。div的起始標(biāo)簽和結(jié)束標(biāo)簽之間的所有內(nèi)容都是用來構(gòu)成這個塊的,其中所包含元素的特性由div標(biāo)簽的屬性來控制,或者是...
作者:asdasdasd11-19 -
常用的幾個單頁應(yīng)用程序網(wǎng)站分享
CSS3Please
作者:asdasdasd11-19
這個網(wǎng)站自己看吧,改變參數(shù),打開關(guān)閉CSS3效果,就可以獲得你要的式樣
Border-Radius
一個改變參數(shù)來獲得你要的CSS3邊框效果,還可以直接復(fù)制代碼,特別方便
HTML-Ipsum
在上面有... -
IE8兼容視圖(IE7 mode)與獨立IE7的區(qū)別詳解
一. IE8兼容視圖概述 為了解決新版瀏覽器不兼容舊網(wǎng)站的問題,IE8瀏覽器增加了一種叫做“兼容性視圖”的功能,可以讓網(wǎng)頁以IE7的代碼規(guī)范來顯示,這樣,就能夠很好的解決大部分(但不...
作者:asdasdasd11-19 -
合理使用h1,h2,h3標(biāo)簽
在制作網(wǎng)頁的過程中,難免會用到<h1>,<h2>,<h3>標(biāo)簽。合理的使用<h1>,<h2>,<h3>標(biāo)簽對網(wǎng)站的優(yōu)化起著重要的作用。
作者:asdasdasd11-19
<h1>標(biāo)簽,在網(wǎng)頁中可以當(dāng)做標(biāo)題使用,通常我們把關(guān)鍵字放入<h1>標(biāo)簽中。
注意... -
通往優(yōu)秀UI(用戶界面)設(shè)計師之路的20個路標(biāo)
導(dǎo)讀:界面設(shè)計師Joshua Porter在自己的博客中發(fā)表了這篇文章,文章中列舉了20條用戶界面的設(shè)計原則,這些原則是設(shè)計師們在設(shè)計工作中需要遵循的,它們能夠給設(shè)計師們提供較好的指導(dǎo)工作。 ...
作者:asdasdasd11-19 -
HTML,CSS的命名習(xí)慣總結(jié)
CSS命名規(guī)則 頭:header 內(nèi)容:content/containe 尾:footer 導(dǎo)航:nav 側(cè)欄:sidebar 欄目:column 頁面外圍控制整體布局寬度:wrapper 左右中:left right center 登錄條:loginbar 標(biāo)志:log...
作者:asdasdasd11-19 -
18套精美的蘋果風(fēng)格免費圖標(biāo)素材分享
Apple Mug Icons and Extras
作者:asdasdasd11-19
HD StorageBox – add on pack
Sabre Snow
Mac USB Icons
Aluminium MacBook Pro OSX
HydroPRO -HP- Mac Edition
Capital Icon Suite For Mac
iMac
W ... -
在IE6,IE7 中DIV容器固定高度的使用技巧
IE6和IE7對CSS的解釋存在很多差別,今天談其中一點:height。例子:復(fù)制代碼代碼如下:<div style="height:50px"> IE6下:如果DIV里的內(nèi)容高度不超過50px,DIV的高度就是50px,如果超過了設(shè)定的值...
作者:asdasdasd11-19 -
走進(jìn)工具型網(wǎng)站 對工具型網(wǎng)站的釋義及典型案例分析(圖文)
提到工具型網(wǎng)站,我們首先會有個疑問:大千網(wǎng)絡(luò)網(wǎng)站眾生,究竟什么樣的網(wǎng)站才算是工具型網(wǎng)站?它的特征是什么,與其他網(wǎng)站有什么不同? 從網(wǎng)上搜索相關(guān)信息,了解到關(guān)于該名詞的具體解釋并沒有...
作者:asdasdasd11-19 -
切勿用數(shù)字開頭來命名css偽類名
新手在div+css開發(fā)的時候,需要命名css偽類名稱,如.ggg,#ccc,這樣的格式。但是有些新手在命名css偽類的時候往往想簡單,便直接使用數(shù)字命名,或以數(shù)字開頭命名css選擇偽類名。這樣是不可以的...
作者:asdasdasd11-19 -
web前端工程師入門須知 推薦
先說下web前端工程師的價值,目前web產(chǎn)品交互越來越復(fù)雜,用戶使用體驗和網(wǎng)站前端性能優(yōu)化這些都得靠web前端工程師去做web前端工程師是設(shè)計加開發(fā)的綜合體,web前端工程師是在開發(fā)人員中最直接面...
作者:asdasdasd11-19 -
鍵盤上各種特殊符號的英文讀法(知識普及)
作者:asdasdasd11-19
鍵盤字符
英文
`
backquote
~
tilde
... -
如何解決IE6/7絕對定位元素神秘消失或被遮擋的方法
1.當(dāng)絕對定位層的鄰近浮動層的寬度不等于父層寬度時,以及沒有清除浮動時,IE6/7,F(xiàn)F中顯示一致; 2.當(dāng)絕對定位層的鄰近浮動層的寬度不等于父層寬度時,有清除浮動時,IE6/7不顯示絕對定位層,F(xiàn)...
作者:asdasdasd11-19 -
CSS 連接地址后面加上問號(?)表示什么意思?
舉例來說: <link rel="stylesheet" href="http://static.ak.facebook.com/css/actionspro.css?44:72882" type="text/css"/> facebook上的css連接后面都跟了個參數(shù).. 這是表示什么意思呢? 可以看...
作者:asdasdasd11-19 -
關(guān)于網(wǎng)頁配色中的疊柔配色法的詳解
本文沒有咬文嚼字的地方,只是一個配色技巧的分享,十分簡單,簡單到流淚,但或許對你來說又十分實用,實用到無語。原本就是天然的饋贈,你我只是順手采擷之...... 網(wǎng)頁視覺層面主要是由形式...
作者:asdasdasd11-19 -
編寫高質(zhì)量代碼 Web前端開發(fā)修煉之道 書摘精要
(P4) Web標(biāo)準(zhǔn)由一系列標(biāo)準(zhǔn)組合而成,其核心理念是將網(wǎng)頁的結(jié)構(gòu)、樣式和行為分離開來,所以它可以分為三大部分:結(jié)構(gòu)標(biāo)準(zhǔn)、樣式標(biāo)準(zhǔn)和行為標(biāo)準(zhǔn)。 樣式標(biāo)準(zhǔn) —— XML標(biāo)準(zhǔn)、XHTML標(biāo)準(zhǔn)、H...
作者:asdasdasd11-19
