-
CSS邊距屬性定義是用margin還是用padding的兩者對比
CSS邊距屬性定義元素周圍的空間。通過使用單獨的屬性，可以對上、右、下、左的外邊距進行設置。也可以使用簡寫的外邊距屬性同時改變所有的外邊距。——W3School 邊界(margin)：元素周...
作者：asdasdasd11-19 -
網(wǎng)頁設計中的CSS Sprites技術介紹及其優(yōu)化方法
在大家還在撥號上網(wǎng)的“遠古時期”，由于網(wǎng)速的限制，頁面開發(fā)者都喜歡把網(wǎng)頁里面的圖片字節(jié)數(shù)控制的非常小，往往在一個圖片文件夾里散落著n多的小碎圖。隨著網(wǎng)絡技術的發(fā)展，網(wǎng)速...
作者：asdasdasd11-19 -
網(wǎng)頁設計中常用的度量單位的介紹與比較
在網(wǎng)頁中對網(wǎng)頁元素的大小修飾除了數(shù)值大小外，還有就是度量單位的選擇了。不同的度量單位會有哪些不同的效果呢？首先我們了解下網(wǎng)頁設計中的各類單位及說明。原文鏈接 像素（px） 根據(jù)顯示器的...
作者：asdasdasd11-19 -
背景半透明最佳實踐
現(xiàn)在有一個需求，需要對一個純色的層實現(xiàn)半透明效果。效果如下，邊框需要透明，透明度為 #000000 的 30%：
作者：asdasdasd11-19
用各種瀏覽器打開下面這個 DEMO, IE9 有特殊顯示： DEMO: 背景半透明最佳實踐 »... -
手機文本輸入框的設計方法介紹(圖文)
手機端的文本輸入受到使用環(huán)境、網(wǎng)絡狀況及設備本身條件的制約，使其用戶體驗的改良成為一個老生常談的話題。如：一直在改進的輸入法，新輸入方式的探索(語音輸入)，甚至想盡種種辦法去避免輸入...
作者：asdasdasd11-19 -
關于移動互聯(lián)網(wǎng)手機搜索的特性分析(圖文)
手機搜索廣告機會 近年來移動互聯(lián)得到了快速的發(fā)展，據(jù)國外高級互聯(lián)網(wǎng)分析師吉蒙-蒙斯特(Gene Munster)稱，2012年谷歌的移動廣告收入將高達45億美元，較2011年的25億美元上漲了80%。其中...
作者：asdasdasd11-19 -
傾聽色彩的聲音 網(wǎng)頁與產(chǎn)品的配色研究
前言 色彩是一個網(wǎng)站的情緒表達方式或者說是性格特征的體現(xiàn)，每種顏色都有著屬于自己的聲音。作為一種視覺元素，色彩是很難被量化被衡量的，也很難用理性的角度去分析和闡述它，我現(xiàn)在試...
作者：asdasdasd11-19 -
可以測試wordpress主題跨瀏覽器兼容性的6款工具(圖文)
至今為止，做了不少wordpress主題，有免費的，也有定制的，最讓頭疼的是，在不同的瀏覽器內(nèi)測試WordPress主題的兼容 性。可能你的電腦上有你最常用的瀏覽器的最新版本，但是為了測試瀏覽器的兼容...
作者：asdasdasd11-19 -
只要十步就能學會用CSS建設網(wǎng)站 CSS建站的十個步驟(圖文教程)
第一步：規(guī)劃網(wǎng)站，本教程將以圖示為例構建網(wǎng)站1.規(guī)劃網(wǎng)站，本教程將以下圖為例構建網(wǎng)站。其基本布局見下圖：主要由五個部分構成：1.Main Navigation 導航條，具有按鈕特效。 Width: 760px Heig...
作者：asdasdasd11-19 -
inline-block元素間距去除掉方法介紹(圖文教程)
一、現(xiàn)象描述真正意義上的inline-block水平呈現(xiàn)的元素間，換行顯示或空格分隔的情況下會有間距，很簡單的個例子：<input /> <input type="submit" />
作者：asdasdasd11-19
間距就來了~~我們使用CSS更改非inline-blo... -
抽屜式導航的設計更能讓用戶專注于核心的功能
導航是產(chǎn)品設計的重頭戲，Web端設計的時候是在考慮如何將操作展示給用戶，而Mobile的設計更多的時候則是考慮如何將操作巧妙的隱藏起來。但這種隱藏實際上是為了核心功能的突出。 iOS導航...
作者：asdasdasd11-19 -
用HTML+CSS制作郵件網(wǎng)頁的技巧總結
我們在做郵件營銷的時候，都希望用戶打開郵箱后看到我們發(fā)給對方是一個完整的網(wǎng)頁頁面，但是郵箱對HTML頁面的渲染與在瀏覽器中的渲染不同，渲染能力小了很多，在瀏覽器中正常顯示的效果，在郵件...
作者：asdasdasd11-19 -
圖解JQUERY對尺寸及位置的定義(圖文講解)
最近在學習JQUERY的一些應用，接觸到了JQUERY對于元素尺寸及位置定義，還有就是配合瀏覽器尺 寸及狀態(tài)的計算所做出的一些動畫特效。其實像這類JQUERY應用無外乎涉及這些屬性的調(diào)用：innerHe...
作者：asdasdasd11-19 -
利用CSS3參考手冊和CSS3代碼生成工具加速來學習網(wǎng)頁制
CSS3技術現(xiàn)在越來越成熟，通過CSS3的一些新特性（如box-sizing、邊界半徑、文字陰影、漸變等）創(chuàng)建的效果已經(jīng)令前端開發(fā)者興奮不已。使用CSS3進行前端設計是未來的發(fā)展趨勢。因此，如果你是一名...
作者：asdasdasd11-19 -
寬度高度不固定的div 如何水平居中以及垂直居中
寬度高度不固定div的水平居中演示如下：
作者：asdasdasd11-19
水平居中代碼：
html部分<div class="container"><div class="center"><a href="#">1</a><a href="#">2</a><a href="#">3</a><div style="clear:both">... -
淘寶店鋪設計的方法教程 寶貝描述的詳細處理方法
做淘寶有一年多的時間了，之前一直做平臺或企業(yè)網(wǎng)站，現(xiàn)在呢把自己一些心得體會寫出來。 做淘寶的描述無非就是處理商品和場景安排，有人問我為什么策恩的鞋子質(zhì)感可以做得這么好，其實這并不...
作者：asdasdasd11-19 -
IE瀏覽器下的CSS問題小結
IE下的特殊情況 下面是14條特殊情況你看一下是哪個問題出錯了這些僅供參考： 1. 文字本身的大小不兼容。同樣是font-size:14px的宋體文字，在不同瀏覽器下占的空間是不一樣的，ie下實際占高16px，...
作者：asdasdasd11-19 -
CSS網(wǎng)頁制作教程:瀏覽器與CSS選擇器對應表
1)關于子選擇器 ( > ) 在ie7+標準模式，chrome，ff下開始支持了。有人說在ie7下，如果父元素與子元素之間有注釋的話就會失效，但是我沒有發(fā)現(xiàn)。 2) 臨近兄弟選擇器（+） 在ie7+標準模式。chrome...
作者：asdasdasd11-19 -
前端工程師新手必讀：掌握網(wǎng)頁設計的基本技能和弄清設計的概念
公司招了幾個剛畢業(yè)的學生，作為重構的新手讓我來帶。 首先感謝感謝黨、感謝國家、感謝公司給了我這樣的一個機會，對我工作的肯定和認可，讓我?guī)н@樣的一個重構團隊，同時我也明白任務的...
作者：asdasdasd11-19 -
提升網(wǎng)頁加載速度和體驗以及圖片優(yōu)化的方法
在網(wǎng)站優(yōu)化中，如果圖片優(yōu)化得好，不但可以提高頁面的加載速度，提升網(wǎng)站的用戶體驗，而且還可以通過圖片優(yōu)化來節(jié)省網(wǎng)站的帶寬。那么作為頁面構建工程師應該采用什么方法來優(yōu)化圖片，既能保...
作者：asdasdasd11-19 -
移動互聯(lián)網(wǎng)網(wǎng)設計之碎片時間里的高效設計
正如微博，在移動互聯(lián)時代用戶的"短、頻、快"訴求更為強烈了。移動用戶多是利用碎片時間來享受服務的，銀行排隊、坐地鐵、乘公交、電梯中…… 當仔細觀察這些"道路勇士"們的使用情景...
作者：asdasdasd11-19 -
網(wǎng)站用戶體驗設計中的法則:信息交互設計金字塔法則
本文來自7月8日#36氪開放日#北京站，卓衡科技運營總監(jiān)劉鵬的演講，文中劉鵬講述了他們在創(chuàng)業(yè)過程中總結出的交互設計的金字塔法則。卓衡科技是一家新興的用戶體驗設計公司，為客戶提供定制性的用...
作者：asdasdasd11-19 -
關于交互設計中的默認值的設計要點
寒冷的冬日到陌生環(huán)境中往往會碰到水溫調(diào)節(jié)，劇情一般是這樣的：你調(diào)節(jié)到一個自認為合適的刻度，放了一段時間水后發(fā)現(xiàn)還是冷的，于是慢慢放大熱水，幾次調(diào)解后索性將熱水開到最大，結果太燙...
作者：asdasdasd11-19 -
一個挺常用的float布局div問題解決方法
這次遇到個類似的控件,一個父div帶邊框,里面就是一個一個float的子div,需要換行的時候加了一個 float:left; height:0px; width:100%; overflow:hidden; font:0pt;/* 蛋疼的IE6你懂的*/ 的偽"換行...
作者：asdasdasd11-19 -
metro的介紹以及metro的好處介紹
關于metro設計原則 metro設計原則是對設計師的考驗，在用戶看來，呈現(xiàn)在其面前的是如此簡單清新的畫面，以至于有的人戲稱“用簡單的 windows畫圖就能設計出來”，我并不否認簡單的畫圖...
作者：asdasdasd11-19